Bookmarks
书签栏
Academic
知网
- 毕业助手-免费中文文献库,英文文献库,顶级pubmed数据库、高权OVID数据库、 SD数据库、SCI 数据库
- 检索—中国知网
- 毕业助手知网使用视频10.12 来自邻小粥v - 微博
- 书童图书馆,知网免费下载知网免费入口论文免费下载2020 中国知网/维普/万方论文免费下载入口
- 知网研学(原E-Study)
- 知网研学
计算机技术与软件专业技术资格(水平)考试
- 中国计算机职业资格网
- 中国计算机技术职业资格网
- 软考备考经验总结【超详细】 - 幕布
- 希赛网_专业的在线教育平台
- Device Types | Nmap Network Scanning
Game
- 百度页游中心
- 三国杀 百度一区(贴吧专区)
- 新三国杀_十年全新版本!
- 贴吧游戏-三国杀Online-贴吧专区
- 百度游戏-三国杀Online-百度一区
- Board Game Arena: 挑选你最喜爱的游戏在线上游玩 • Board Game Arena
- 遊戲列表 • Board Game Arena
Government Affairs
- 苏州工业园区社会保险基金和公积金管理中心
- 个人会员编号查询
- 网上业务登录
- (23) 江泽民怒斥香港记者[1080p高清完整版] - YouTube
- 苏州市专业技术人员职称管理服务平台
- 苏州个人征信报告查询网点(地址+电话)2020年最新版 - 苏州公积金 - 姑苏网 - 苏州综合社区门户网站|苏州论坛|姑苏论坛|苏州门户网
- 自然人电子税务局
- 苏高新人事代理网上一站式服务系统
- 国家标准全文公开
- 求职、招聘 苏州高新人才网欢迎你
- 苏州市高层次人才一站式服务平台
- 苏州市购房资格核查系统上线 - 苏州市人民政府
- 首页
- 苏州市区商品房销售网上管理系统
- 苏州市人民政府
- 中国高等教育学生信息网(学信网)
- 中国学位与研究生教育信息网(学位网)
- 中华人民共和国民政部
- 全国大学英语四、六级考试(CET) - 中国教育考试网
- 江苏省教育考试院
Project
Eoulu
- EOULU软件项目管理
- Bugzilla Main Page
- OA/ — VisualSVN Server
- 个人中心
- futureD数据管理与分析系统
- ulu-冲锋鸡系统登录页面Eo
- futureD数据管理与数据分析
- futureD数据管理与数据分析
- futureD数据管理与分析系统
- futureD数据管理与数据分析
- 58.210.123.22:8085/futureD/login/login.jsp
- futureD数据管理与分析系统
other
Luther
- Luther
- V4.0
东吴证券
- 信息技术总部工作管理平台
- 信息技术总部工作管理平台
- 信息技术总部工作管理平台
- 易驰统一接入管控平台
- 统一接入平台 project overview - Bitbucket
- 东吴证券易驰统一接入管理平台
- 我的视图 - MantisBT
- 通用报表平台
- Discover: ac过滤规则 - Kibana
- Kibana
- 控制面板 - 信息技术总部 Git
- YApi-高效、易用、功能强大的可视化接口管理平台
- 浏览项目 - JIRA
- GZGLPT board - 敏捷看板 - JIRA
- Browse 罗奕梁 / WorkManagementWeb - Bitbucket
- Iconfont-阿里巴巴矢量图标库
东软思芮
- 上海思芮信息科技有限公司
- 网易企业邮箱 - 登录入口
中移
BC-VASO
开发环境
- VASO运维管理平台
- VASO运维管理平台
- 10.254.2.126
测试环境
- VASO运维管理平台
- VASO运维管理平台
- 终端节点(VPC Endpoint)_VPCEP_终端节点服务_云服务器-华为云
- bc_vaso_ts
- bc_vaso_ts
- Swagger UI
- Swagger UI
MOP
- MOP技术规范 - 技术共享空间 - 中移(苏州)软件技术有限公司
- 迁移产品问题跟踪表
- 新查询接口使用说明
UIUE
蓝湖
- IaaS产品部 - 蓝湖
- 蓝湖
- 2020移动云解决方案 - 蓝湖
外网
- 移动云
- 中国移动苏州研发中心SSL VPN接入系统
- 刻度协同办公
- 企业云盘
- 中国移动苏州研发中心SSL VPN接入系统
- 中国移动苏州研发中心SSL VPN接入系统
- 云空间
- 开发者社区
- 登录 - 51CTO学院 | 企业版
- 云网管理产品部共享学习账号使用情况查询、备案表
内网
Confluence
- 面板 - 中移软件知识管理系统-Confluence
- 页面 - 云网络安全组 - 中移软件知识管理系统-Confluence
- 2020年升级列表 - 云网络安全组 - 中移软件知识管理系统-Confluence
- 隧道访问各个资源池的方式 - 测试部-IaaS测试组 - 中移软件知识管理系统-Confluence
- 05 培训 - IaaS产品部 - 中移软件知识管理系统-Confluence
- 小组概况 - 性能管理平台 - 中移软件知识管理系统-Confluence
- 研发工具链 - IaaS产品部 - 中移软件知识管理系统-Confluence
- 公有云竞品账号 - IaaS产品部 - 中移软件知识管理系统-Confluence
- 技术分享 - 前端虚拟组 - 中移软件知识管理系统-Confluence
- 2019-09-24 安全整改-前端数据加密方案 - 前端虚拟组 - 中移软件知识管理系统-Confluence
- 技术部-培训中心 首页 - 技术部-培训中心 - 中移软件知识管理系统-Confluence
- 安全产品提测、上线的部署方案 - 云网络安全组 - 中移软件知识管理系统-Confluence
- Java 代码精简之道 - 大云数据稽核 - 中移软件知识管理系统-Confluence
- 智能运维平台 - 移动云智能运维管理平台 - 中移软件知识管理系统-Confluence
- V6.7.1 前端升级评审 - BC-OP - 中移(苏州)软件技术有限公司
- 变更管理 - BC-OP - 中移(苏州)软件技术有限公司
- 测试域部署工程统计6.6.2 - BC-OP - 中移软件知识管理系统-Confluence
- 无锡测试域访问web页面 - 测试部-IaaS测试组 - 中移(苏州)软件技术有限公司
- 1015上下架申请 - 移动云现网变更临时上下架清单 - 中移(苏州)软件技术有限公司
- 变更管理 - BC-OP - 中移(苏州)软件技术有限公司
- 前端仓库分支合并操作 - BC-OP - 中移(苏州)软件技术有限公司
- V6.14.1测试域构建 - BC-OP - 中移(苏州)软件技术有限公司
- 周报-2020.11-网络组 - 云网络安全组 - 中移(苏州)软件技术有限公司
- 网络组-2020年11月 - IaaS产品部 - 中移(苏州)软件技术有限公司
- 网络组 首页 - 网络组 - 中移(苏州)软件技术有限公司
- 《云网管理产品部员工季度绩效执行规范》 - 云网管理产品部 - 中移(苏州)软件技术有限公司
- 页面 - 网络组 - 中移(苏州)软件技术有限公司
- 功能类外协使用前评估流程 - 云网部外协 - 中移(苏州)软件技术有限公司
- 移动云现网变更信息收集 - 移动云现网变更临时上下架清单 - 中移(苏州)软件技术有限公司
- 变更当晚换包记录 - 移动云现网变更临时上下架清单 - 中移(苏州)软件技术有限公司
- BC-OP技术规范 - 技术共享空间 - 中移(苏州)软件技术有限公司
- 技术共享空间 - 技术共享空间 - 中移(苏州)软件技术有限公司
Gerrit
- gerrit.cmss.com
- My Reviews | gerrit.cmss Code Review
Jira
- System Dashboard - 中移软件任务跟踪系统-JIRA
- 中移(苏州)软件技术有限公司统一门户
- 中国移动通信集团人力资源管理平台
- iHR人力资源管理信息系统
- 中国移动网上大学
- 10.160.22.102
- CSMP - Revision 444: /安全文档/doc/移动云9期资源池公共组件申请文档
- Lines - Safbox_op_ecloud_security-op-console-security
- 发票列表 - 发票核验系统
- 中移软件-技术服务支撑系统
南基测试域
- https://console-beijing-1.cmecloud.cn:8443/api/page/safebox/op-security-static/vbscan
北基测试域
- 移动云
- 云安全控制台
- 移动云控制台
- 移动云控制台
无锡测试域
- 移动云
- 云安全控制台
- 云安全控制台
- 云安全控制台
东莞测试域
- console-dongguan-1.cmecloud.cn
苏州测试域
- 云安全控制台
专利
- 科研管理平台
- 简单搜索 - 智慧芽
- 知识产权 - IaaS产品部 - 中移软件知识管理系统-Confluence
- 专利基础知识 - IaaS产品部 - 中移软件知识管理系统-Confluence
- 专利培训资料 - IaaS产品部 - 中移软件知识管理系统-Confluence
- 交底书写作指南 - IaaS产品部 - 中移软件知识管理系统-Confluence
- 润桐RainPat专利检索---知识产权大数据调查官
网络产品组
IPSecVPN
- 云网络控制台
弹性负载均衡
- 云网络控制台
- 云网络控制台
- 云网络控制台
- 云网络控制台
- 云网络控制台
弹性公网IP
- 云网络控制台
升级列表
- [BCOP-20501] 【移动云常规变更】2020-10.13常规升级(6.12.1版本) - 中移软件任务跟踪系统-JIRA
- [BCOP-20502] 【移动云常规变更】2020-10.27常规升级(6.13.1版本) - 中移软件任务跟踪系统-JIRA
- [EVN-769] 【v1.14.1】E-VN常规变更-11-12 - 中移软件任务跟踪系统-JIRA
- [BCOP-20860] 【移动云常规变更】2020-11.24常规升级(6.15.1版本) - 中移软件任务跟踪系统-JIRA
- [EVN-806] 【v1.15.1】E-VN常规变更-11-24 - 中移软件任务跟踪系统-JIRA
- [BCOP-20861] 【移动云常规变更】2020-12.10常规升级(6.16.1版本) - 中移软件任务跟踪系统-JIRA
- [EVN-807] 【v1.16.1】E-VN常规变更-12-10 - 中移软件任务跟踪系统-JIRA
- [BCOP-20862] 【移动云常规变更】2020-12.22常规升级(6.17.1版本) - 中移软件任务跟踪系统-JIRA
- 实施清单-模板 - 网络组 - 中移(苏州)软件技术有限公司
- [EVN-883] 【v1.17.1】E-VN常规变更-12-22 - 中移软件任务跟踪系统-JIRA
- 网络类产品 - BC-OP - 中移软件知识管理系统-Confluence
- Swagger UI
- Swagger UI
- Swagger UI
- Swagger UI
- Swagger UI
- Swagger UI
- Swagger UI
- Sign in [Jenkins]
安全产品组
容器安全
- DoSec
- Swagger UI
- Swagger UI
- 云安全控制台
存储产品组
升级列表
- [SDS-5051] 【存储--变更】2021-3.11常规升级(7.4.1版本) - 中移软件任务跟踪系统-JIRA
- 3. 上线流程 - BC-SDS - 中移(苏州)软件技术有限公司
- BC-SDS 首页 - BC-SDS - 中移(苏州)软件技术有限公司
- 2021年全年升级计划和版本号信息 - BC-OP - 中移(苏州)软件技术有限公司
- 吉林-长春,相关问题 - BC-SDS - 中移(苏州)软件技术有限公司
- SDS-移动云升级计划 - BC-SDS - 中移(苏州)软件技术有限公司
- 移动云-云存储
- 移动云-云存储
- 172.20.145.94
- Swagger UI
- Eureka
- 有道云笔记
- 移动云-价格计算器
统一CICD系统
- 统一ci
- 11 CICD - IaaS产品部 - 中移(苏州)软件技术有限公司
- Jenkins
- Dashboard [Jenkins]
- Dashboard [Jenkins]
- 登录 [Jenkins]
日志相关
- 移动云统一安全管控平台-云阙
- 10.10.10.2/portal/login?t=1576544101.661675&
- 卸载360天擎后,不能上网 - 奔跑吧人生 - 博客园
- 中国移动商旅100官网:机票预订,酒店预订,旅游度假,差旅管理
- nos
- 中移(苏州)软件技术有限公司-员工绩效计划流程 - 员工制定计划
- Lodash 中文文档 | Lodash 中文网
- 组件 | Element
Social Network Site
bilibili
- 哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
- 嗶哩嗶哩bilibili影片下載工具 | y-w-y
Edge
- 下载新版 Microsoft Edge 浏览器 | Microsoft
- Microsoft Edge - Download
Facebook
Shin Jae Eun(신재은)
- Shin Jae Eun | Facebook
- 신재은 | Facebook
- 신재은 | Facebook
- 므흣 갤 | Facebook
- 므흣 갤💋❤ | Facebook
- Facebook
- 施敬昭 | Facebook
- 🔞19금 후방주의🔞 | Facebook
- Facebook for Developers
Firefox
- Firefox 火狐浏览器 - 全新、安全、快速 | 官方最新下载
- Firefox - 使用隐私至上的产品保护您的网络生活 — Mozilla
- Directory Listing: /pub/firefox/releases/47.0.1/
Google
Chrome
- Google Chrome 网络浏览器
- Google Chrome 网络浏览器
- Chrome 测试版
- 应用
- Chrome 网上应用店 - 应用
- Chrome 88稳定版发布:优化深色模式、标签搜索等 - Google Chrome 谷歌浏览器 - cnBeta.COM
Google 域名
- 谷歌搜索
- Google香港
- Google日本
- Google
- Google
- Google
- Google
- Google
- Google
- Google
- Google
- Google
- Google
- Google
- Google
- Google
- Google
- Google
- Google
- Google
- Google
- txthinking/google-hosts: Google hosts generator
- zxdrive/imouto.host: 为你而战,哥哥大人。
- Google 学术搜索
- Google 翻译
- Google帐号
- Google Keep
- 收件箱 - lgd.huaoper@gmail.com - Gmail
- 维基百科,自由的百科全书
- 如何用好 Google 等搜索引擎? - Google 搜索 - 知乎
- 墙外网址导航-墙外楼
- 墙外楼阅读器 - Google Play 上的 Android 应用
- Hosts-Google hosts大全|修改hosts文件访问谷歌、youtube、twitter、facebook等,2017最新hosts
- Google搜索的10个小技巧,部分适用于百度
Microsoft
- Microsoft 帐户 | 主页
Pornhub
- Free Porn Videos & Sex Movies - Porno, XXX, Porn Tube and Pussy Porn
- JPNanababy的色情片 | Pornhub
- Pinkrabbit TW的色情片 | Pornhub
Twitter
- 主页 / Twitter
- 主页 / Twitter
YouTube
- youtube-dl
- AcFun弹幕视频网 - 认真你就输啦 (・ω・)ノ- ( ゜- ゜)つロ
- #p站の人気イラストやマンガ - pixiv
- YouTube
- Wikipedia
- 뉴스픽
- Human Benchmark - Reaction Time Test
Technology
$other Lang
¥Lambda
#Amazon AWS Lambda
- mentum/lambdaws: Deploy, run and get results from Amazon AWS Lambda in a breeze
- AWS Documentation
- ashiina/lambda-local: Commandline tool to run Amazon Lambda function on local machines.
¥RPC framework
gRPC
- grpc
- grpc/grpc: The C based gRPC (C++, Python, Ruby, Objective-C, PHP, C#)
- grpc/grpc.io: Repository for the gRPC website and documentation
- gRPC
- Documentation | gRPC
- gRPC 官方文档中文版_V1.0
- gRPC首页、文档和下载 - RPC 框架 - OSCHINA - 中文开源技术交流社区
¥文件系统
- 简直不要太硬了!一文带你彻底理解文件系统 - 掘金
- 设计一个文件系统,需要考虑哪些因素? - 掘金
Hand
- hmap-cloud-develop / hmap_front · GitLab
- 海马汇 项目实施文档 - 四海文档
- SAP中文学习网
- 汉得考试系统
- SAP 表汇总---JOI---ChinaUnix博客
OpenStack
- Build the future of Open Infrastructure.
skip
- skiplang/skip: A programming language to skip the things you have already computed
- skip · A programming language to skip the things you have already computed
wenyan-lang
- wenyan-lang/wenyan: 文言文編程語言 A programming language for the ancient Chinese.
- (4 条消息) 如何看待文言编程语言(wenyan-lang)? - 知乎
- ReleaseEye
- DeathKing/yast-cn: 《Scheme入门教程》,Takafumi Shido 著,Yet Scheme Another Tutorial中译版。
- zhanyong-wan/dongbei: 东北方言编程语言
$VPN
google-access-helper
- Search · google-access-helper
- shiyu1314/google-access-helper: 谷歌访问助手2.3.0破解版
- Kenguba/google-access-helper: 谷歌访问助手破解版、谷歌翻墙、谷歌梯子、谷歌梯子扩展工具、谷歌商店访问、Chrome翻墙
- zcjunblog/google-access-helper2020: 谷歌访问助手2020破解版,访问谷歌商店,谷歌搜索,谷歌地图等...
- cjiali/google-access-helper: 谷歌访问助手破解版 https://www.ggfwzs.com
- ye-xiaolang/haotian-wang-google-access-helper: 谷歌访问助手破解版 http://www.ggfwzs.com https://github.com/haotian-wang/google-access-helper
- MonoCloud
- getlantern/forum: 蓝灯(Lantern)官方论坛
- getlantern/lantern: 🔴蓝灯最新版本下载 https://github.com/getlantern/download 🔴 Lantern Latest Download https://github.com/getlantern/download 🔴
- v2ss/shadowrocket: Shadowrocket 小火箭在线安装, 共享Shadowrocket 小火箭账号,苹果手机ss、ssr V2ray 客户端,支持正版,谢谢!
- 1clickVPN - Free VPN for Chrome
- 1clickVPN | Install
$运维
DevOps
CODING
- CODING - 一站式软件研发管理平台
- LGD_HuaFEEng 的工作台 - LGD_HuaFEEng
- 「DevOps」闲聊我心中的运维开发 - 掘金
- 当前端基建任务落到你身上,该如何推动协作? - 掘金
OpenSA
- leoiceo/OpenSA: 资产管理、资产采集、灰度发布、反向代理、批量任务、任务编排、计划任务、日志审计、权限管理、角色管理、部门管理、运维自动化
- Login Page
- 向日葵个人版-远程控制软件|远程控制桌面连接|远程控制电脑|远程访问开机唤醒-Oray贝锐科技向日葵官网
$大数据
¥大数据 core
¥大数据 frameworks、libs、plugins&tools
Hadoop
- Apache Hadoop
- Hadoop快速入门
- 史上最详细的Hadoop环境搭建
- Hadoop教程™
- hadoop是什么?新手自学hadoop教程(一) - CXY_xn的博客 - CSDN博客
- 【Hadoop】搭建完全分布式的hadoop - 大牛笔记 - 博客园
- 一篇文看懂Hadoop - 何石-博客 - 博客园
- Hadoop 系列(一)基本概念 - binarylei - 博客园
- Hadoop 系列(二)安装配置 - binarylei - 博客园
¥大数据 资源、整理集&FAQ
《【误闯大数据】【从安装到入门】》
- 【误闯大数据】【从安装到入门】Flink-单机玩耍篇 - 掘金
- 【误闯大数据】【从安装到入门】ZooKeeper-单点多点篇 - 掘金
- 【误闯大数据】【从安装到入门】Cassandra-单点玩耍篇 - 掘金
- 【误闯大数据】【从安装到入门】常用环境篇 - 掘金
- 【误闯大数据】【从安装到入门】常用脚本篇 - 掘金
- 【从安装到入门】MySQL安装篇 - 掘金
- 【误闯大数据】Hadoop部署 - 掘金
- 【误闯大数据】【从安装到入门】MongoDB部署 - 掘金
- 【误闯大数据】【从安装到入门】Hive部署 - 掘金
- 【误闯大数据】【从安装到入门】Spark部署 - 掘金
- 【误闯大数据】【从安装到入门】HBase部署 - 掘金
- 【误闯大数据】【从安装到入门】Flume部署 - 掘金
.NET
.NET core
.NET frameworks、libs、plugins&tools
grpc-dotnet
- grpc/grpc-dotnet: gRPC for .NET
.NET 资源、整理集&FAQ
- .NET实现之(自动更新) - 王清培 - 博客园
C#
C# core
- .NET Design Patterns in C# and VB.NET - Gang of Four (GOF) - doFactory.com
- C# Corner - A Social Community of Developers and Programmers
- ASP.NET Documentation | Microsoft Docs
C# frameworks、libs、plugins&tools
C# 资源、整理集&FAQ
- pinvoke.net: the interop wiki!
- “抢火车票,红包技术” - 博文 - Catalina
- Plen-wang/autoupdate: 自动更新程序
C++
C++ core
- cplusplus/draft: C++ standards drafts
C++ frameworks、libs、plugins&tools
C++ 资源、整理集&FAQ
- wuye9036/CppTemplateTutorial: 中文的C++ Template的教学指南。与知名书籍C++ Templates不同,该系列教程将C++ Templates作为一门图灵完备的语言来讲授,以求帮助读者对Meta-Programming融会贯通。(正在施工中)
Dart
Dart core
- Dart
- Dart programming language | Dart
- Dart 编程语言中文网 | Dart
- Dart 编程语言主页 | Dart 中文文档 | Dart
Dart frameworks、libs&plugins
flame
- flame-engine/flame: A minimalist Flutter game engine
grpc-dart
- grpc/grpc-dart: The Dart language implementation of gRPC.
- Assuner-Lee/dna: dna, dart native access. A lightweight dart to native super channel plugin, You can use it to invoke any native code directly in contextual and chained dart code.
Dart 资源、整理集&FAQ
Dart 资源
- Dart 中文社区
Dart 整理集
- Dart与Flutter中文资料/教程/视频收集整理贴 - 分享 - Dart 中文社区
- Dart 官方教程/文章收集整理贴 - 分享 - Dart 中文社区
《Dart 简明教程》
- Dart 简明教程 - 01 - Concepts & Variables
- Dart 简明教程 - 02 - Functions
- Dart 简明教程 - 03 - Operators
- Dart 简明教程 - 04 - Control flow statements
- Dart 简明教程 - 05 - Exceptions
- Dart 简明教程 - 06 - Classes
- Dart 简明教程 - 07 - Generics
- Dart 简明教程 - 08 - Libraries and visibility
- Dart 简明教程 - 09 - Asynchrony support
- Dart 简明教程 - 10 - Generators & Isolates & Typedefs & Metadata...
Dart FAQ
- dna --- 一个 dart 到 native 的超级通道 - 掘金
- JavaScript vs Dart 两者之间的比较 - 掘金
Golang
Golang core
- The Go Programming Language
- Downloads - The Go Programming Language
- 首页 - Go语言中文网 - Golang中文社区
- Go 语言教程 | 菜鸟教程
Golang frameworks
¥RPC framework
go-zero
- tal-tech/go-zero: go-zero is a web and rpc framework written in Go. It's born to ensure the stability of the busy sites with resilient design. Builtin goctl greatly improves the development productivity.
grpc-go
- grpc/grpc-go: The Go language implementation of gRPC. HTTP/2 based RPC
fiber
- gofiber/fiber: 🚀 Fiber is an Express inspired web framework written in Go with 💖
Golang libs、plugins&tools
¥configuration management system
consul
- hashicorp/consul: Consul is a distributed, highly available, and data center aware solution to connect and configure applications across dynamic, distributed infrastructure.
- hashicorp/consul-template: Template rendering, notifier, and supervisor for @HashiCorp Consul and Vault data.
macdriver
- progrium/macdriver: Native Mac APIs for Go
Modlishka
- drk1wi/Modlishka: Modlishka. Reverse Proxy. Phishing NG.
txqr
- divan/txqr: Transfer data via animated QR codes
- airplayx/gormat: 👨🌾 The golang convenient converter supports Database to Struct, SQL to Struct, and JSON to Struct.
- AfterShip/email-verifier: A Go library for email verification without sending any emails.
- go-snowflake: Go 语言实现的 Snowflake 算法,为分布式系统生成唯一ID,单机测试1秒可生成20万ID。
Golang projects
- bbs-go首页、文档和下载 - 基于 Go 开发的论坛系统 - OSCHINA - 中文开源技术交流社区
Golang 资源、整理集&FAQ
Golang 资源
- 基于Golang开发的开源微信小程序(页面高仿大众点评) - 掘金
- golang.org
- astaxie/build-web-application-with-golang: A golang ebook intro how to build a web with golang
- teh-cmc/go-internals: A book about the internals of the Go programming language.
- dariubs/GoBooks: List of Golang books
Golang 整理集
《Golang入门》
- Golang入门1-如何编写Go代码 - 掘金
- Golang入门2-数据类型 - 掘金
- Golang入门-时间处理 - 掘金
- Golang入门-Golang包管理 - 掘金
《Go指南》
- Go指南-数组与切片 - 掘金
- Go指南-结构体与指针 - 掘金
- Go指南-谈谈Go的接口与函数 - 掘金
Golang FAQ
- Golang是如何读取文件内容的 - 掘金
Java
Java core
JVM
- Java虚拟机(一):JVM简介 - 朝雨忆轻尘 - 博客园
- Java虚拟机(二):JVM内存模型 - 朝雨忆轻尘 - 博客园
- Java虚拟机(三):JVM垃圾回收机制 - 朝雨忆轻尘 - 博客园
- Java虚拟机(四):JVM类加载机制 - 朝雨忆轻尘 - 博客园
- Java虚拟机(五):JVM调优命令 - 朝雨忆轻尘 - 博客园
- Java虚拟机(六):JVM调优工具 - 朝雨忆轻尘 - 博客园
- Java虚拟机(七):JVM调优案列 - 朝雨忆轻尘 - 博客园
- mini-jvm: 使用 Java 8 实现 jvm
微服务(Microservices)
#flow control
Sentinel
- alibaba/Sentinel: A powerful flow control component enabling reliability, resilience and monitoring for microservices. (面向云原生微服务的高可用流控防护组件)
- home
dubbo
- apache/dubbo: Apache Dubbo is a high-performance, java based, open source RPC framework.
nacos
- alibaba/nacos: an easy-to-use dynamic service discovery, configuration and service management platform for building cloud native applications.
skywalking
- apache/skywalking: APM, Application Performance Monitoring System
中间件
seata
- seata/seata: Seata is an easy-to-use, high-performance, open source distributed transaction solution.
Java frameworks
¥RPC framework
grpc-java
- grpc/grpc-java: The Java gRPC implementation. HTTP/2 based RPC
grpc-kotlin
- grpc/grpc-kotlin
- Snailclimb/guide-rpc-framework: A custom RPC framework implemented by Netty+Kyro+Zookeeper.(一款基于 Netty+Kyro+Zookeeper 实现的自定义 RPC 框架-附详细实现过程和相关教程。)
¥日志框架
- 基于微信XLog的日志框架&&对于XLog的分析
NutzWk
- Wizzercn/NutzWk: WK系列开发框架-V1至V5 Java开源企业级开发框架(单应用/微服务/分布式)
nimrod
- godcheese/nimrod: Nimrod - 基于 Spring Boot 构建 的 Java Web 平台企业级单体应用快速开发框架,适合中小型项目的应用和开发。所采用的技术栈包括 Spring Boot、Spring、Spring Web MVC、MyBatis、Thymeleaf 等,遵守阿里巴巴 Java 开发规约,帮助养成良好的编码习惯。整体采用 RBAC ( Role-Based Access Control ,基于角色的访问控制),具有严格的权限控制模块,支持系统与模块分离开发。最后希望这个项目能够对你有所帮助。Nimrod 开发交流群:547252502(QQ 群)
Spring Boot & Spring Cloud
- ch-zgh-1993/vue-springBoot: 相对简洁的 vue + springBoot, 在一个项目中书写,并且部署不需拷贝文件。在 springboot 中写 vue项目,build 后产生的资源,直接供 springboot项目运行和打包使用。打包时不夹带 v
- Spring Boot 教程 - 朝雨忆轻尘 - 博客园
- Spring Cloud 教程 - 朝雨忆轻尘 - 博客园
- xkcoding/spring-boot-demo: spring boot demo 是一个用来深度学习并实战 spring boot 的项目,目前总共包含 65 个集成demo,已经完成 53 个。 该项目已成功集成 actuator(监控)、admin(可视化监控)、logback(日志)、ao
- Spring Boot 实现配置文件加解密原理 - 掘金
- 1W字Spring Cloud面试题总结(附答案解析)
spring-cloud-alibaba
- alibaba/spring-cloud-alibaba: Spring Cloud Alibaba provides a one-stop solution for application development for the distributed solutions of Alibaba middleware.
Java libs&plugins
okhttps
- okhttps: 如艺术一般优雅,像 1、2、3 一样简单,前后端通用,轻量却强大的 HTTP 客户端
公历 & 农历 & 工作日
- oyyq99999/ChineseLunarCalendar: 用天文算法计算农历
- heqiao2010/LunarCalendar: A Java implementation of Chinese lunar calendar. 中国农历的Java实现(一个Java类不到1000行,不依赖任何第三方库)。
- Houlik/hllunar: 公历 - 农历
- jinAldrich/PureLunarCalendar: 农历计算类 农历计算的算法,来源于:http://sean.o4u.com/ap/calendar/,具体的代码基本与来源处的 javascript 相同,差不多只是语言上的转换而已。
- sunshinelyz/mykit-holiday: 纯算法可以获取到1900-2100年之间任意日期的详细信息,包括:节日、是否闰年和闰月、公历和农历、对应的二十四节气以及天干地支信息等。
- iceenongli/iceworkday: iceworkday工作日算法 工作日算法又称节假日算法。 由于工作日计算涉及农历节气等,而农历算法本身就是非常复杂的,所以工作日算法非常的复杂 。 该算法解决了工作日的计
- RidgeSTD/Nextdate-AndroidVersion: 软件质量测试作业。输入1900-2100年之间的一个公历日期,显示第二天的公历与农历信息。
- firer1946/LunarExchangeSolar: 农历和阳历的互相转换
- 经过完整测试的农历-公历相互转换 - meizhitu的个人空间 - OSCHINA
- quan930/Calendar: Calendar类,农历
- loonggg/LunarCalendar: 日历转农历
- folous/LunarUtils: 工具类,通过查表法实现公农历互转
- keyliwen/lunar: 农历
- LJWLgl/CommonUtil: 轻便简单的Java常用工具类库
Java projects
attemper
- attemper/attemper: Distributed,multi-tenancy,job-flow scheduling application(分布式多租户的支持流程编排的任务调度平台)
- vue-cron-generator:基于Vue&Element-UI构建的在线Cron表达式生成器 - 掘金
mall
- macrozheng/mall: mall项目是一套电商系统,包括前台商城系统及后台管理系统,基于SpringBoot+MyBatis实现,采用Docker容器化部署。 前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物
Java tools
¥configuration management system
Apollo
- ctripcorp/apollo: Apollo(阿波罗)是携程框架部门研发的分布式配置中心,能够集中化管理应用不同环境、不同集群的配置,配置修改后能够实时推送到应用端,并且具备规范的权限、流程治理等特性,适用于微服务配置管理场景。
- spotify/apollo: Java libraries for writing composable microservices
- nobodyiam/apollo-build-scripts: Apollo Build Scripts
- daohu527/Dig-into-Apollo: Apollo notes (Apollo学习笔记) - Apollo learning notes for beginners.
- 3千字Apollo配置中心的总结,让配置“智能”起来
config
- lightbend/config: configuration library for JVM languages using HOCON files
disconf
- knightliao/disconf: Distributed Configuration Management Platform(分布式配置管理平台)
spring-cloud-config
- spring-cloud/spring-cloud-config: External configuration (server and client) for Spring Cloud
spring-cloud-consul
- spring-cloud/spring-cloud-consul: Spring Cloud Consul
Apache
- 隐藏Apache的版本号及其它敏感信息 – 运维生存时间
fastjson
- alibaba/fastjson: A fast JSON parser/generator for Java.
hutool
- looly/hutool: A set of tools that keep Java sweet.
- Hutool — A set of tools that keep Java sweet.
Tomcat
- Tomcat zip 与exe版的问题-CSDN论坛
- apache-tomcat-8.0.35-windows-x64.zip安装与配置 - 生活没有Backspace - 博客园
- tomcat安装版和解压版的区别,安装与配置 - zhuang - ITeye博客
- 安装tomcat的两种方法(安装版与解压版)_百度经验
- tomcat部署静态html网站方法_tomcat,静态网页_Chen Rong的博客-CSDN博客
Token
aurad
- AuroraDAO/aurad: Staking software for the AURA token
- Aurora: Decentralized Finance and Cryptobanking
JWT
- auth0/java-jwt: Java implementation of JSON Web Token (JWT)
- jwtk/jjwt: Java JWT: JSON Web Token for Java and Android
- ScienJus/spring-authorization-manager-demo: https://github.com/ScienJus/spring-authorization-manager 的Demo
- shybbq/spring-authorization-demo: spring安全验证之jwt
- JSON Web Tokens - jwt.io
- JSON Web Token Introduction - jwt.io
- How to Create and verify JWTs in Java
- 5 Easy Steps to Understanding JSON Web Tokens (JWT)
- JSON Web Token - 在Web应用间安全地传递信息 - 回田园
- 基于 Token 的身份验证:JSON Web Token(附:Node.js 项目) - 宁皓网
- 辩证的眼光搞懂 JWT 这个知识点
- 基于 Token 的身份验证和实践 – 不静之心
- 基于Token的WEB后台认证机制 - 红心李 - 博客园
- 彻底理解cookie,session,token - 踏破铁鞋无觅处的个人空间 - 开源中国
- 基于 Token 的身份验证 - 516843761 - CSDN博客
- 第二十章 无状态Web应用集成——《跟我学Shiro》 - 《亿级流量网站架构核心技术》~ - ITeye博客
- 分享一下我的三个代码自动生成工具类--助你解放双手 - 掘金
- 深度开源 - Java开源大全,开源信息发掘、分享、交流
- Oracle | Integrated Cloud Applications and Platform Services
- Oracle Java Archive | Oracle Technology Network | Oracle
- Java SE - Downloads | Oracle Technology Network | Oracle
- Java Archive Downloads - Java SE 8
arthas
- alibaba/arthas: Alibaba Java Diagnostic Tool Arthas/Alibaba Java诊断利器Arthas
Java 资源、整理集&FAQ
Java 资源
《OnJava8》
- LingCoder/OnJava8: 《On Java 8》中文版
- On Java 8
- On Java 8
Java interviews
- crossoverJie/JCSprout: 👨🎓 Java Core Sprout : basic, concurrent, algorithm
- kdn251/interviews: Everything you need to know to get the job.
- Snailclimb/JavaGuide: 【Java学习+面试指南】 一份涵盖大部分Java程序员所需要掌握的核心知识。
- NotFound9/interviewGuide: Java后端面试题精选 http://notfound9.github.io/interviewGuide/ (做开源不容易,希望给我一个Star,也便于更新时获得通知,谢谢)
- 「Java面试题/知识点精华集」20000+字的Java基础知识篇(2020最新版) ! - 掘金
- Java学习、面试;文档、视频资源免费获取
- AobingJava/JavaFamily: 【Java面试+Java学习指南】 一份涵盖大部分Java程序员所需要掌握的核心知识。
- hollischuang/toBeTopJavaer: To Be Top Javaer - Java工程师成神之路
- 最全153道Spring全家桶面试题,你都碰到过哪些?(含答案解析)
- kakuilan/china_area_mysql: 中国5级行政区域mysql库
- 2018-05-17 架构师技能图谱,搞懂这些找工作无敌 - 简书
- Java知识分享网-免费Java资源下载
- siki学院的个人空间 - 哔哩哔哩 ( ゜- ゜)つロ 乾杯~ Bilibili
- 我的java问题排查工具单-博客-云栖社区-阿里云
- 《尚学堂科技.马士兵.JAVA集视频教程14年11月20日更新》 - VeryCD电驴大全
- 一文了解十大 Java 开发者必备测试框架!
- yehongzhi/learningSummary: 涵盖大部分Java进阶需要掌握的知识,包括【微服务】【中间件】【缓存】【数据库优化】【搜索引擎】【分布式】等等,欢迎Star~
JavaBooks
- itwanger/JavaBooks: Java 程序员常读书单整理,附下载地址,助力构建最强知识体系。但不限于 Java,包括设计模式、计算机网络、操作系统、数据库、数据结构与算法、大数据、架构、面试等等。
- JavaBooks: Java 程序员常读书单整理,附下载地址,助力构建最强知识体系。但不限于 Java,包括设计模式、计算机网络、操作系统、数据库、数据结构与算法、大数据、架构、管理等等。
- skyline75489/Heart-First-JavaWeb: 一个走心的 Java Web 入门开发教程
javaMap
- smileArchitect/JavaMap: JavaMap是Java知识地图,让开发者学习不迷路!Java学习请认准JavaMap。
- JavaMap-Java知识地图
- akullpp/awesome-java: A curated list of awesome frameworks, libraries and software for the Java programming language.
Java 整理集
《Java》
- 第一讲:Java语言基础
- 第二讲:Java的运作原理
- 第三讲:植物油的真伪鉴别
- 第四讲:方法与数组
- 第五讲:面向对象(上)
- 第六讲:面向对象(下)
- 第七讲:Eclipse与异常处理
- 第八讲:常用类库API
- 第九讲:文件与IO
《Spring Boot + Spring Cloud 实现权限管理系统 后端篇》
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(一):Kitty 系统介绍 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二):数据库设计 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(三):搭建开发环境 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(四):集成 MyBatis 框架 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(五):模块化切分 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(六):集成 Swagger API - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(七):集成 Druid 数据源 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(八):MyBatis分页功能实现 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(九):代码整理优化 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十):接口服务整理 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十一):集成 Shiro 框架 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十二):解决跨域问题 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十三):系统备份还原 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十四):项目打包部署 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十五):系统服务监控 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十六):容器部署项目 - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十七):登录验证码实现(Captcha) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十八):注册中心(Spring Cloud Consul) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(十九):服务消费(Ribbon、Feign) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十):服务熔断(Hystrix、Turbine) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十一):服务网关(Zuul) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十二):链路追踪(Sleuth、Zipkin) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十三):配置中心(Config、Bus) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十四):权限控制(Shiro 注解) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(二十五):Spring Security 版本 - 朝雨忆轻尘 - 博客园
《Spring Boot + Spring Cloud 构建微服务系统》
- Spring Boot + Spring Cloud 构建微服务系统(一):服务注册和发现(Consul) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(二):服务消费和负载(Ribbon) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(三):服务消费和负载(Feign) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(四):容错机制和熔断(Hystrix) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(五):熔断监控面板(Hystrix Dashboard) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(六):熔断监控集群(Turbine) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(七):API服务网关(Zuul) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(八):分布式链路追踪(Sleuth、Zipkin) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(九):配置中心(Spring Cloud Config) - 朝雨忆轻尘 - 博客园
- Spring Boot + Spring Cloud 构建微服务系统(十):配置中心(Spring Cloud Bus) - 朝雨忆轻尘 - 博客园
《Vue + Element UI 实现权限管理系统 前端篇》
- Vue + Element UI 实现权限管理系统 前端篇(一):搭建开发环境 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(二):Vue + Element 案例 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(三):工具模块封装 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(四):优化登录流程 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(五):国际化实现 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(六):更换皮肤主题 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(七):功能组件封装 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(八):管理应用状态 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(九):接口格式定义 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十):动态加载菜单 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十一):第三方图标库 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十二):用户管理模块 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十三):页面权限控制 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十四):菜单功能实现 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十五):嵌套外部网页 - 朝雨忆轻尘 - 博客园
- Vue + Element UI 实现权限管理系统 前端篇(十六):系统备份还原 - 朝雨忆轻尘 - 博客园
- 5000字 | 24张图带你彻底理解Java中的21种锁
- 5万字:Stream和Lambda表达式最佳实践-附PDF下载
Java FAQ
- JDK-9的安装与环境变量配置_java_hanjiang08的专栏-CSDN博客
- 使用springMVC实现文件上传和下载之环境配置与上传 - CSDN博客
- MYSQL问题解决方案:Access denied for user 'root'@'localhost' (using password:YES) - skywalker_leo的专栏 - CSDN博客
- Java 开发环境搭建 - 简书
- SSM框架——详细整合教程(Spring+SpringMVC+MyBatis) - 酷玩时刻 - 博客园
- Maven安装与配置 - 光焱 - 博客园
- 【名师课堂】Java零基础入门 - 阿里云大学 - 官方网站,云生态下的创新人才工场
- 【名师课堂】Java面向对象开发 - 阿里云大学 - 官方网站,云生态下的创新人才工场
- DDD 详解第一弹- Domain Primitive
- 阿里技术专家详解DDD系列 第二弹 - 应用架构
- 阿里技术专家详解DDD系列 第三讲 - Repository模式
AOP、IoC
- 一篇通俗易懂的长文,带你从零认识IoC和AOP
LGD.HuaFEEng
CSS
$CSS core
$CSS 布局
¥弹性布局(Flexible Box)
弹性布局(Flexible Box) core
- Flex 布局语法教程 | 菜鸟教程
- Flex 布局教程:语法篇 - 阮一峰的网络日志
- design.google.com
弹性布局(Flexible Box) libs、plugins&tools
neat
- thoughtbot/neat: [no longer maintained]
弹性布局(Flexible Box) 资源、整理集&FAQ
- www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html
- 深度解析 CSS Flexbox 布局 - 2020年最新版 - 掘金
- flex实现左右布局中按钮溢出隐藏效果 - 掘金
- 【译】Flexbox完全指南 - 掘金
- 再次简单明了总结flex布局,一看就懂... - 掘金
- 马蹄疾 | 聊聊你可能并没有完全掌握的 Flex 布局:从概念入手,丝丝入扣 - 掘金
- 「一劳永逸」48张小图带你领略flex布局之美
- 教你如何用 lib-flexible 实现移动端H5页面适配 - CSDN博客
- flex布局justify-content属性和align-items,align-self属性 - CSDN博客
- flex布局(弹性盒)兼容性写法 兼容ie10 谷歌 火狐_希文Gershwin-CSDN博客
- 淘宝弹性布局方案lib-flexible实践 - 流云诸葛 - 博客园
- Flexbox_入门 精通 教程_w3cplus
¥网格布局(Grid)
网格布局(Grid)core
- hyperledger/grid: Hyperledger Grid
- CSS Grid Layout - CSS: Cascading Style Sheets | MDN
- CSS Grid Layout
- CSS Grid Layout Module Level 1
- Creating horizontal scrolling containers the right way [CSS Grid]
- Grid
网格布局(Grid)libs、plugins&tools
cssgridgenerator
- sdras/cssgridgenerator: 🧮 Generate basic CSS Grid code to make dynamic layouts!
网格布局(Grid)polyfills
css-grid-polyfill
- FremyCompany/css-grid-polyfill: A working implementation of css grids for current browsers.
- codler/Grid-Layout-Polyfill
- emcpadden/csswizardry-grids-ie7-polyfill: This polyfill will allow the CSS Wizardry Grid to run in IE7
- CSS Grid Application Layout in Production (IE11 compatible) - 酷辣虫 - CoLaBug.com
- 使用CSS Grid的九大误区_CSS, CSS3 Grid Layout, Grid, Layout, 布局 教程_w3cplus
- Should I try to use the IE implementation of CSS Grid Layout?
- Supporting CSS Grid in Internet Explorer – Elad Shechter – Medium
- 带有IE11规范的CSS网格-网格自身崩溃怎么办? - 问答 - 云+社区 - 腾讯云
- CSS grid doesn't work on IE 11 - Microsoft Edge Development
- ie10 grid 网格布局 - 唐菜也的博客 - CSDN博客
网格布局(Grid)资源、整理集&FAQ
网格布局(Grid)资源
awesome-grid
- FancyGrid/awesome-grid: A curated list of grid(table) libraries and resources that developers may find useful.
- MOR10 - Thinking Out Loud About the Internet
网格布局(Grid)整理集
- 使用 Grid 进行常见布局 - 掘金
网格布局(Grid)FAQ
- CSS Grid 网格布局教程 - 阮一峰的网络日志
- 【译】一行css代码搞定响应式布局 - 掘金
- [翻译] Grid 布局完全指南 - 掘金
- 边学边玩CSS Grid - 掘金
- 最强大的 CSS 布局 —— Grid 布局
- CSS Grid布局:浏览器开启CSS Grid Layout_Grid, CSS3 Grid Layout, Layout 教程_w3cplus
- CSS Grid 布局完全指南(图解 Grid 详细教程)-WEB前端开发
¥格式化上下文(Formatting Context,*FC)
BFC
- 理解CSS-BFC概念 - 掘金
- CSS中关于定位及BFC中的易错点 - 掘金
- 这一次终于弄懂了 CSS BFC、清除浮动、外边距折叠 - 掘金
- BFC 解说,也许是目前为止最接地气的一篇 - 掘金
- 前端精选文摘:BFC 神奇背后的原理 - 梦想天空(山边小溪) - 博客园
- 视觉格式化模型 | MDN
- Visual formatting model
- CSS中各种布局的背后(*FC) - 掘金
- 详解BFC、IFC、GFC、FFC - 掘金
¥单位
- PXtoEM.com: PX to EM conversion made simple.
- css中的px、em、rem 详解 - 掘金
¥响应式设计(Responsive Design)
<picture>
- scottjehl/picturefill: A responsive image polyfill for <picture>, srcset, sizes, and more
- <picture> - HTML(超文本标记语言) | MDN
- Picturefill
intention.js
- dowjones/intentionjs: A library for intentionally dealing with responsive design
- intention.js
media-screen
- 利用@media与@media screen进行响应式布局 | 511遇见
Responsive Elements
- kumailht/responsive-elements: Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It's a tiny javascript library that you can drop into your projects today.
- Responsive Elements - Helps you build better responsive websites
响应式设计工具
- responsively-org/responsively-app: A modified web browser that helps in responsive web development. A web developer's must have dev-tool.
- 前端响应式布局原理与方案(详细版) - 掘金
- FROONT – 超棒的可视化响应式网页设计工具 - 梦想天空(山边小溪) - 博客园
- 《实用技巧》——让你的网站变成响应式的3个简单步骤 - 梦想天空(山边小溪) - 博客园
- 推荐15款最佳的响应式 Web 设计测试工具 - 梦想天空(山边小溪) - 博客园
响应式HTML5表单
jq-idealforms
- elclanrs/jq-idealforms: The ultimate framework for building and validating responsive HTML5 forms.
- elclanrs/jq-idealforms-old: The ultimate framework for building and validating responsive HTML5 forms.
jqtransform
- Opensource - AJAX - Jqtransform - jQuery form plugin
响应式表格解决方案
- nadangergeo/RWD-Table-Patterns: This is an awesome solution for responsive tables with complex data.
- Responsive tables
- RWD Table Patterns – 响应式表格解决方案 - 梦想天空(山边小溪) - 博客园
- Complex Navigation Patterns for Responsive Design | Brad Frost
- 详解前端响应式布局、响应式图片,与自制栅格系统 - 掘金
- HTML5 移动端自适应方案与踩坑 - 掘金
- 前端响应式布局原理与实践 - 掘金
- 应式网页中的高度设计,你认真的吗?
- Restive.js – 轻松让网站变成响应式和自适应 - 梦想天空(山边小溪) - 博客园
- 响应式布局新方案
¥行内元素布局
- 深入理解行内元素的布局
¥多栏布局
- css经典布局——圣杯布局 - 掘金
- 不怕你用不上!CSS 列表项布局技巧 - 掘金
- 一文汇总 CSS 两列布局和三列布局
- CSS三栏布局
¥定位
fixed-sticky
- filamentgroup/fixed-sticky: DEPRECATED: A position: sticky polyfill that works with filamentgroup/fixed-fixed for a safer position:fixed fallback.
Sticky Footer
- Sticky Footer | CSS-Tricks
- Sticky CSS footers: The flexible way – Pixels|Bytes
- CSS秘密花园: Sticky footers_CSS秘密花园, sticky footer 教程_w3cplus
- css sticky footer布局+流式布局_xiaowei的博客-CSDN博客
水平、垂直居中
- 讨论下垂直水平居中的多种方案 - 掘金
- 块级元素和行内元素多种——水平,垂直、水平垂直居中的方法 - CSDN博客
- 纯CSS实现垂直居中的几种方法 - 彼岸花在开 - 博客园
- 推荐 15 种水平垂直居中布局方案
- 四种常用方法 设置 不定/定宽高元素 在窗口/父元素中 水平垂直居中方法
- 多个你不知道的 CSS 居中方案!
- 移动端布局面试题 全面考察你的CSS功底(居中篇)
- CSS实现背景图片右侧定位的5种小技巧
¥文字布局
- 探索CSS单行文字居中,多行文字居左的实现方式 - 掘金
¥网格砌体布局
- Masonry – 实现 Pinterest 模式的网格砌体布局 - 梦想天空(山边小溪) - 博客园
¥清除浮动
- CSS——清除浮动所有方法总结
- 10 CSS Flowcharts
- 一些有趣的 CSS 魔法和布局(上) - 掘金
- 一些有趣的 CSS 魔法和布局(下)(结尾有岗位内推哦~) - 掘金
- CSS 盒模型、布局和包含块 - 掘金
- 剖析一些经典的CSS布局问题,为前端开发+面试保驾护航 - 掘金
- 给你一份详细的CSS布局指南,请查收 - 掘金
- [译] 选择 Grid 还是 Flex? - 掘金
- 【译】Css Grid VS Flexbox: 实践比较 - 掘金
- 干货!各种常见布局实现+知名网站实例分析 - 掘金
- 一篇全面的CSS布局学习指南 [译] - 掘金
- 如何用一行 CSS 分别实现 10 种现代布局?
- 收藏!40 个 CSS 布局技巧
- 学习CSS布局
- CSS布局说——可能是最全的 - SegmentFault 思否
- [WebApp]定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应 - plums - 博客园
$CSS 开发工具
¥badge、emoji、font、icon&logo
glyphhanger
- filamentgroup/glyphhanger: Your web font utility belt. It can subset web fonts. It can find unicode-ranges for you automatically. It makes julienne fries.
purge-icons
- antfu/purge-icons: 🎐 Bundles icons on demand
Tiff
- Tiff - a visual typeface diff tool.
- Rec. 709 - Wikipedia
- IcoMoon App - Icon Font, SVG, PDF & PNG Generator
- Fontello - icon fonts generator
- Create Your Own @font-face Kits | Font Squirrel
- PNG格式小图标的CSS任意颜色赋色技术 « 张鑫旭-鑫空间-鑫生活
- CSS3 filter:drop-shadow滤镜与box-shadow区别应用 « 张鑫旭-鑫空间-鑫生活
- filter:drop-shadow实现尖角带阴影的提示面板效果 » 张鑫旭-鑫空间-鑫生活
- CSS filter:hue-rotate色调旋转滤镜实现按钮批量生产 « 张鑫旭-鑫空间-鑫生活
- 纯CSS实现任意格式图标变色的研究 « 张鑫旭-鑫空间-鑫生活
- 手摸手,带你优雅的使用 icon - 掘金
- CSS 字体新玩法之彩色字体 - 掘金
- 9012年了你还在用单色图标?(iconfont多色图标详解) - 掘金
- 前端字体截取
- 前端字体截取
- Icon-font图标字体的四类制作方法 - 简书
- 20款华丽的几何形状字体【免费下载】 - 梦想天空(山边小溪) - 博客园
- 字体下载大宝库:12款好看的免费英文字体 - 梦想天空(山边小溪) - 博客园
- 40款用于简洁网页设计的光滑英文字体【下】 - 梦想天空(山边小溪) - 博客园
- 40款用于简洁网页设计的光滑英文字体【上】 - 梦想天空(山边小溪) - 博客园
- 分享20个新颖的字体设计草图,带给你灵感 - 梦想天空(山边小溪) - 博客园
- 微信小程序开发之SVG的使用 | 子勰的博客
- 快速上手制作Icon Font | 新浪UED
- https://fonts.googleapis.com/css?family=Open+Sans
¥CSS3 开发工具
css_tricks
- QiShaoXuan/css_tricks: Some CSS tricks,一些 CSS 常用样式
- CSS Tricks
extractcss
- extractCSS - Online CSS Extractor
- cssdream/css-creating: CSS创作指南
- Neumorphism/Soft UI CSS shadow generator
- CSS3参考手册 - 最新最全的CSS参考手册
- 你也许不知道,CSS 也有编程能力? - 掘金
- www.cnblogs.com/lhb25/archive/2011/05/15/2046038.html
- 推荐40个优秀的免费CSS工具 - 梦想天空(山边小溪) - 博客园
- 前端集锦:十款精心挑选的在线 CSS3 代码生成工具 - 梦想天空(山边小溪) - 博客园
- 分享最新20款非常棒的 CSS 工具 - 梦想天空(山边小溪) - 博客园
- 24款非常实用的CSS3工具终极收藏 - 梦想天空(山边小溪) - 博客园
- 分享27个使用纯 CSS 实现的图片画廊 - 梦想天空(山边小溪) - 博客园
- 24个很酷的 CSS3 文本效果示例及教程 - 梦想天空(山边小溪) - 博客园
- Primer – 支撑 GitHub 的 CSS 工具包和准则 - 梦想天空(山边小溪) - 博客园
- 35款加速网站开发的 CSS 开发工具 - 梦想天空(山边小溪) - 博客园
- CssStats – 分析和优化网站 CSS 代码的利器 - 梦想天空(山边小溪) - 博客园
- 2015年最佳的12个 CSS 开发工具推荐 - 梦想天空(山边小溪) - 博客园
- CSS3的文字阴影—text-shadow_text-shadow, css3属性详解 教程_w3cplus
- CKStyle-CSS的检查、修复与压缩工具!
¥CSSLint
- CSSLint/csslint: Automated linting of Cascading Stylesheets
- CSS Lint
¥CSS 精灵
Spritepad
- Paratron/CSS-SpritePad: A browser application to create CSS spritemaps with according stylesheets.
- SpritePad - Create and edit css sprites
srpite
- Klchan-me/srpite
- 未来必热:SVG Sprite技术介绍 « 张鑫旭-鑫空间-鑫生活
¥CSS in JS
Emotion
- emotion-js/emotion: CSS-in-JS library designed for high performance style composition
- emotion
Linaria
- callstack/linaria: Zero-runtime CSS in JS library
- @linaria/webpack4-loader - npm
- Linaria – zero-runtime CSS in JS library
- Linaria 也许是现在 React 最佳的 JSS 方案
- CSS in JS 简介 - 阮一峰的网络日志
- [译] Atomic CSS-in-js - 掘金
¥CSS resets
modern-normalize
- sindresorhus/modern-normalize: Normalize browsers' default style
Normalize.css
- necolas/normalize.css: A modern alternative to CSS resets
- bymathias/normalize.styl: Stylus version of normalize.css
- kristerkari/normalize.scss: SCSS version of normalize.css
- Normalize.css: Make browsers render all elements more consistently.
- About normalize.css – Nicolas Gallagher
- CSS Tools: Reset CSS
¥CSS 模块化
#CSS Modules
CSS Modules core
- css-modules/css-modules: Documentation about css-modules
- What are CSS Modules and why do we need them? | CSS-Tricks
CSS Modules libs、plugins&tools
- css-modules/postcss-modules-scope: A CSS Modules transform to extract export statements from local-scope classes
- css-modules/postcss-modules-local-by-default: PostCSS plugin for css modules to local-scope classes and ids
- css-modules/postcss-modules-values: Pass arbitrary constants between your module files
- css-modules/postcss-icss-composes: A CSS Modules transform to extract export statements from local-scope classes
- css-modules/postcss-icss-values: Pass arbitrary constants between your module files
- css-modules/icss-utils: Search & replace tokens during the linking stage of ICSS loading
- css-modules/css-selector-tokenizer: Parses and stringifies CSS selectors.
- css-modules/postcss-modules-extract-imports: A CSS Modules transform to extract local aliases for inline imports
- css-modules/css-modules-loader-core: A loader-agnostic CSS Modules implementation, based on PostCSS
- css-modules/postcss-icss-selectors: PostCSS plugin for css modules to local-scope classes and ids
- css-modules/postcss-icss-url
- css-modules/postcss-icss-import: PostCSS plugin for css-modules to convert @import statements to ICSS
- css-modules/css-modules-require-hook: A require hook to compile CSS Modules in runtime
- css-modules/postcss-modules-resolve-imports: Resolves ICSS imports
- css-modules/css-modulesify: A browserify plugin to load CSS Modules
- css-modules/postcss-icss-keyframes: PostCSS plugin for css-modules to local-scope keyframes
- css-modules/icss: Interoperable CSS — a standard for loadable, linkable CSS
- css-modules/postcss-icss: Postcss plugin to process css modules and extract tokens
- css-modules/postcss-modules-lint: PostCSS plugin to verify the scoping of selectors in CSS Modules
CSS Modules 资源、整理集&FAQ
- css-modules/browserify-demo: A working demo of CSS Modules, using css-modulesify
- CSS Modules 用法教程 - 阮一峰的网络日志
css-blocks
- linkedin/css-blocks: High performance, maintainable stylesheets.
- CSS Blocks
- jonathanpath/SASS-SMACSS: To start your project with SASS. Inspired by SMACSS from Jonathan Snook.
- css模块化方案 - 掘金
- CSS Modules 详解及 React 中实践 - pure render - 知乎专栏
¥css cli
- Wee – 为现代 Web 开发打造的 CSS 脚手架 - 梦想天空(山边小溪) - 博客园
¥css next
cssdb
- csstools/cssdb: A database of staged CSS features
- cssdb
- cssdb
¥Compass
- Compass/compass: Compass is no longer actively maintained. Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
- Compass Home | Compass Documentation
¥Csstyle
- Csstyle - 创建简洁、可维护强的 CSS 样式 - 梦想天空(山边小溪) - 博客园
¥convert&transform
img2css
- javierbyte/img2css: Convert any image to pure CSS. Recreates images using only box-shadows.
img2txt
- hit9/img2txt: Image to Ascii Text with color support, can output to html or ansi terminal.
¥Helper Class&utility-first CSS
tailwindcss
- tailwindcss/tailwindcss: A utility-first CSS framework for rapid UI development.
- Tailwind Labs
- tailwindlabs/tailwindcss: A utility-first CSS framework for rapid UI development.
- Tailwind CSS - 助你快速实现定制化的网站设计的工具集 CSS 框架
- Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
- snack-ui/snack-helper: 🗃 A universal CSS helper classes library.
- ng-matero/src/styles/helpers at master · ng-matero/ng-matero
- 如何编写通用的 Helper Class - 叙帝利 - 博客园
¥Less
Less编译工具
- Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation.
- WinLess - Windows GUI for less.js
- CodeKit - THE Mac App for Web Developers
- 各种less开发工具 - 司徒正美 - 博客园
- less/less.js: Less. The dynamic stylesheet language.
- less/less-docs: Documentation for Less.
- Getting started | Less.js
- Less 中文网
- 函数手册 | Less 中文网
- 入门 | Less.js 中文文档
- LESS « 一种动态样式语言
- LESS-Middleware:Node.js 和 LESS 的完美搭配 - 梦想天空(山边小溪) - 博客园
¥oocss
- stubbornella/oocss: Object Oriented CSS Framework
- Object-oriented CSS
¥prefixer
autoprefixer
- postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
- postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
- postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
- autoprefixer/autoprefixer.github.io: Autoprefixer online — add the desired vendor prefixes and remove unnecessary in your CSS
- Autoprefixer CSS online – make your vendor prefixes is actual.
- CSS Grid in IE: CSS Grid and the New Autoprefixer | CSS-Tricks
- Autoprefixer (@Autoprefixer) | Twitter
- css3打包后自动追加前缀插件:autoprefixer - 掘金
prefixfree
- LeaVerou/prefixfree: Break free from CSS prefix hell!
- Prefix free: Break free from CSS vendor prefix hell!
¥Postcss
¥Postcss core
- postcss/postcss: Transforming styles with JS plugins
- postcss/README-cn.md at 587e3cd26fbed9e1ca6c8585bc7c57a80f838bdb · postcss/postcss
- jdrgomes/awesome-postcss: A curate list about PostCSS
- DavidWells/PostCSS-tutorial: Tutorial on adding PostCSS to `create-react-app` CLI
- postcss - npm
- PostCSS - a tool for transforming CSS with JavaScript
- PostCSS - 是一个用 JavaScript 工具和插件来转换 CSS 代码的工具 | PostCSS 中文网
¥Postcss libs、plugins&tools
¥Loader&CLI
- postcss/postcss-loader: PostCSS loader for webpack
- postcss/postcss-cli: CLI for postcss
- postcss-cli - npm
- postcss-loader
- Package - postcss-cli
- postcss-loader的使用指南 - keader01的博客 - CSDN博客
- 用postcss cli运行postcss - 咖谧也 - 博客园
¥Plugins
¥Better CSS Readability
- jonathantneal/precss: Use Sass-like markup in your CSS
- hudochenkov/postcss-sorting: PostCSS plugin to keep rules and at-rules content in order.
- ismamz/postcss-utilities: PostCSS plugin to add a collection of mixins, shortcuts, helpers and tools for your CSS
- jonathantneal/postcss-short: Use advanced shorthand properties in CSS
- PostCSS Utility Library
- PreCSS
¥Images and Fonts
- borodean/postcss-assets: An asset manager for PostCSS
- 2createStudio/postcss-sprites: Generate sprites from stylesheets.
- jonathantneal/postcss-font-magician: Magically generate all the @font-face rules
- TrySound/postcss-inline-svg: PostCSS plugin to reference an SVG file and control its attributes with CSS syntax
- jonathantneal/postcss-write-svg: Write SVGs directly in CSS
¥Linters
stylelint
- stylelint/stylelint: A mighty, modern CSS linter
- Configuration
- kristerkari/stylelint-scss: A collection of SCSS specific linting rules for stylelint
- hudochenkov/stylelint-order: A plugin pack of order related linting rules for stylelint.
- stylelint/stylelint-config-recommended: The recommended shareable config for stylelint
- webpack-contrib/stylelint-webpack-plugin: A Stylelint plugin for webpack
- morishitter/stylefmt: stylefmt is a tool that automatically formats stylesheets.
- anandthakker/doiuse: Lint CSS for browser support against caniuse database.
- SlexAxton/css-colorguard: Keep a watchful eye on your css colors.
¥Solve Global CSS Problem
- postcss/postcss-use: Enable PostCSS plugins directly in your stylesheet.
- css-modules/postcss-modules: PostCSS plugin to use CSS Modules everywhere
- gajus/react-css-modules: Seamless mapping of class names to CSS modules inside of React components.
- maximkoretskiy/postcss-autoreset: PostCSS plugin for automatic rules isolation
- maximkoretskiy/postcss-initial: PostCSS plugin to fallback initial keyword
- ausi/cq-prolyfill: Prolyfill for CSS Container Queries
¥Use Future CSS, Today
- csstools/postcss-preset-env: Convert modern CSS into something browsers understand
- postcss-preset-env - npm
- postcss-preset-env
- postcss-preset-env
¥开发插件
- postcss/writing-a-plugin.md at master · postcss/postcss
- 编写自己的第一个postcss插件 - supming1的专栏 - CSDN博客
- 从 PostCSS 插件,体验编码到发布全过程 - 简书
- 开发postcss插件 - 阿里云
#A-G
postcss-aspect-ratio-mini
- yisibl/postcss-aspect-ratio-mini: A PostCSS plugin to fix an element's dimensions to an aspect ratio
postcss-atroot
- OEvgeny/postcss-atroot: PostCSS plugin to place rules directly at the root
postcss-advanced-variables
- jonathantneal/postcss-advanced-variables: Use Sass-like variables, conditionals, and iterators in CSS
postcss-adaptive
- songsiqi/postcss-adaptive: A postcss plugin that calculates and generates adaptive css code, such as `rem` and `0.5px borders for retina devices`
postcss-background-image-auto-size
- 一个自动为背景图添加 width 和 height 的 PostCSS 插件 - 前端 - 掘金
cssnano
- cssnano/cssnano: A modular minifier, built on top of the PostCSS ecosystem.
- intervolga/optimize-cssnano-plugin: WebPack 2+ plugin for CSS minification after ExtractTextPluging
- cssnano: A modular minifier based on the PostCSS ecosystem.
- postcss的cssnano插件压缩CSS过程中对@keyframes重命名存在重复的问题。 - weixin_42924712的博客 - CSDN博客
postcss-cssnext
- MoOx/postcss-cssnext: `postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.
- postcss-cssnext - npm
- cssnext - Use tomorrow’s CSS syntax, today.
- Deprecating cssnext
- MoOx/postcss-cssnext: `postcss-cssnext` has been deprecated in favor of `postcss-preset-env`.
postcss-custom-properties
- postcss/postcss-custom-properties: Use Custom Properties in CSS
- PostCSS Custom Properties
postcss-custom-selectors
- postcss/postcss-custom-selectors: Use Custom Selectors in CSS
- PostCSS Custom Selectors
postcss-extend-rule
- jonathantneal/postcss-extend-rule: Use the @extend at-rule and functional selectors in CSS
- CSS Extend Rule with PostCSS
postcss-flexibility
- 7rulnik/postcss-flexibility: PostCSS plugin for Flexibility polyfill
postcss-gap-properties
- jonathantneal/postcss-gap-properties: Use the gap, column-gap, and row-gap shorthand properties in CSS
postcss-grid-kiss
- sylvainpolletvillard/postcss-grid-kiss: A PostCSS plugin to keep CSS grids stupidly simple
- grid-kiss playground
- fis3-postprocessor-postcss - npm
#H-N
postcss-import
- postcss/postcss-import: PostCSS plugin to inline @import rules content
- postcss-import - npm
postcss-load-config
- michael-ciniawsky/postcss-load-config: Autoload Config for PostCSS
- postcss-load-config - npm
postcss-nested
- postcss/postcss-nested: PostCSS plugin to unwrap nested rules like how Sass does it.
postcss-npm
- GarthDB/postcss-npm: Import CSS styles from NPM modules using PostCSS.
- postcss-npm - npm
#O-T
postcss-property-lookup
- simonsmith/postcss-property-lookup: PostCSS plugin for property lookups, similar to Stylus
px2rem-postcss
- songsiqi/px2rem-postcss: Postcss version of px2rem.
- postcss-px2rem-exclude - npm
postcss-rtl
- vkalinichev/postcss-rtl: PostCSS plugin for RTL-adaptivity
- MohammadYounes/rtlcss: Framework for transforming Cascading Style Sheets (CSS) from Left-To-Right (LTR) to Right-To-Left (RTL)
- RTLCSS
postcss-selector-namespace
- topaxi/postcss-selector-namespace: Namespace your CSS selectors using postcss
- postcss-selector-namespace - npm
postcss-plugin-px2rem
- Vue-Cli 4.x 配置 postcss-plugin-px2rem 及 autoprefixer 作为移动端 h5 自适应解决方案 | 「卡通网」前端开发博客 | 「卡通网」前端开发博客
postcss-prefixwrap
- dbtedman/postcss-prefixwrap: A PostCSS plugin that is used to wrap css styles with a css selector to constrain their affect on parent elements in a page.
#U-Z
postcss-url
- postcss/postcss-url: PostCSS plugin to rebase url(), inline or copy asset.
- postcss/plugins.md at master · postcss/postcss
- PostCSS.parts | A searchable catalog of PostCSS plugins
- 从sass到PostCSS - 有一只文艺的程序猿 - SegmentFault 思否
- PostCSS 7.0 全新版本发布,用 JS 插件转换样式 - 开源中国
- 我是如何在webpack中使用postcss-px2rem的 - 蛋挞与伯爵 - 博客园
- 7 个 PostCSS 插件让你轻松步入 PostCSS - 众成翻译
- PostCSS及其常用插件介绍 - 阿里云
- PostCSS及其常用插件介绍-WEB前端开发
¥Syntaxes
- postcss/sugarss: Indent-based CSS syntax for PostCSS
- gucong3000/postcss-syntax: Automatically switch PostCSS syntax based on file extensions
- gucong3000/postcss-html: PostCSS syntax for parsing HTML (and HTML-like)
- gucong3000/postcss-markdown: PostCSS Syntax for parsing Markdown
- gucong3000/postcss-jsx: PostCSS syntax for parsing CSS in JS literals
- gucong3000/postcss-styled: PostCSS syntax for parsing styled components
- AleshaOleg/postcss-sass: A Sass parser for PostCSS, using gonzales-pe. https://www.npmjs.com/package/postcss-sass
- shellscape/postcss-less: PostCSS Syntax for parsing LESS
- Crunch/postcss-less
- postcss/postcss-js: PostCSS for React Inline Styles, Free Style and other CSS-in-JS
- postcss/postcss-safe-parser: Fault tolerant CSS parser for PostCSS
- ben-eb/midas: Syntax highlighter based on PostCSS.
- postcss/postcss-scss: SCSS parser for PostCSS.
¥Postcss 资源、整理集&FAQ
¥Postcss 资源
¥Postcss 整理集
《PostCSS自学笔记》
- PostCSS自学笔记(一)【安装使用篇】 - 我的笔记 - SegmentFault 思否
- PostCSS自学笔记(二)【插件篇】 - 我的笔记 - SegmentFault 思否
- PostCSS自学笔记(二)【番外篇一】 - 我的笔记 - SegmentFault 思否
- PostCSS自学笔记(二)【番外篇二】 - 我的笔记 - SegmentFault 思否
¥Postcss FAQ
安装、配置、理解与运用
- Coding-Guide/PostCSS配置指北.md at master · ecmadao/Coding-Guide
- css后置处理器PostCss安装与配置 - 要优秀! - CSDN博客
- 为什么使用PostCSS? - 放开那位大妈的博客 - CSDN博客
- 手把手教你webpack3(11)PostCSS-Loader配置简述 - qq20004604的博客 - CSDN博客
- PostCSS理解与运用 - tuna- - 博客园
- [译]PostCSS介绍 - 稻草人.Net - 博客园
- postcss的安装与使用 - 我爱张苗苗 - 博客园
- postcss那些事儿 - 咖谧也 - 博客园
- POSTCSS快速入门使用 - Div.IO
- Some things you may think about PostCSS... and you might be wrong - @juliancwirko
- It's Time for Everyone to Learn About PostCSS | David Clark Develops the Web
- PostCSS Deep Dive - Envato Tuts+ Web Design Tutorials
- PostCSS_入门 精通 教程_w3cplus
¥PurgeCSS
- Introduction | PurgeCSS
- PurgeCSS 用于删除未使用的 CSS 代码的工具 | PurgeCSS 中文网
- FullHuman/purgecss: Remove unused CSS
¥Sass
¥SCSS
- SCSS — 缩减50%的样式代码 - 掘金
- vue在scss中使用js的变量_javascript_lihefei_coder的博客-CSDN博客
dart-sass
- sass/dart-sass: The reference implementation of Sass, written in Dart.
libsass
- sass/libsass: A C/C++ implementation of a Sass compiler
node-sass
- node.js - zurb foundation 6 manual setup - error Failed at the node-sass@3.13.1 postinstall script - Stack Overflow
- vue.js - 安装不了node-sass - SegmentFault 思否
- 整理 node-sass 安装失败的原因及解决办法 - 个人文章 - SegmentFault 思否
- npm无法安装node-sass的解决方法 - 王洪宝 - 博客园
- node-sass 安装 - yomie - 博客园
- npm install报错node-sass
polished
- styled-components/polished: A lightweight toolset for writing styles in JavaScript ✨
- polished | A lightweight toolset for writing styles in JavaScript
sass core
- Sass
- sass/sass: Sass makes CSS fun!
- Sass: Syntactically Awesome Style Sheets
- Sass: Sass 是世界上最成熟、稳定、强大的专业级 CSS 扩展语言。Sass 是 Syntactically Awesome Style Sheets 的缩写。 | Sass 中文网
- Sass: Sass 是世界上最成熟、稳定、强大的专业级 CSS 扩展语言。Sass 是 Syntactically Awesome Style Sheets 的缩写。 | Sass 中文网
- Sass 参考手册 | Sass 中文文档
- SASS - 成熟、稳定、强大的 CSS 扩展语言解析器。 | SASS 中文网
- sass入门 - sass教程
- Sass 教程_w3cschool
Sass 混入(Mixins)库
bourbon
- thoughtbot/bourbon: A Lightweight Sass Tool Set
- Bourbon - A Lightweight Sass Tool Set
- Bourbon - Documentation
- Bourbon – 简单轻量的 Sass 混入(Mixins)库 - 梦想天空(山边小溪) - 博客园
- Sass教程 Sass中文文档 | Sass中文网
- sass - Placeholder Mixin SCSS/CSS - Stack Overflow
- less或scss中@mixin的用法 - 掘金
- 常用的scss函数(mixin)_山野里的小菊花-CSDN博客
- SCSS之MIXIN_【红豆】玲珑骰子安红豆,入骨相思知不知-CSDN博客
- mixins.scss 常用mixin变量定义 - 羽衣a甘蓝 - 博客园
- 常用css代码(scss mixin) - 甜甜酱 - 博客园
- less或scss中@mixin的用法 | 码农网
- sass之mixin的全局引入(vue3.0) - 豌豆ip代理
- SCSS @mixin-蚂蚁部落
- oddbird/susy: Responsive layout toolkit for Sass
- jonathanpath/SASS-SMACSS: To start your project with SASS. Inspired by SMACSS from Jonathan Snook.
- How to Share Variables Between Javascript and Sass
- SASS的知识体系构建
- 分享15款很实用的 Sass 和 Compass 工具 - 梦想天空(山边小溪) - 博客园
¥Stylus
- stylus/stylus: Expressive, robust, feature-rich CSS language built for nodejs
- Expressive, dynamic, robust CSS — expressive, robust, feature-rich CSS preprocessor
- Stylus - 富于表现力、健壮、功能丰富的 CSS 预处理器 | Stylus 中文文档
- Stylus: Innovation Research & Advisory
- stylus | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- stylus中文文档 » 综述 » 张鑫旭-鑫空间-鑫生活
- 『前端干货篇』:你不知道的Stylus - 掘金
- stylus在vue中的使用 - CSDN博客
¥styled-components
- styled-components
- styled-components/styled-components: Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
- dielduarte/animate-css-styled-components: simple port of animate css for styled-components
- sergeysova/styled-normalize: normalize.css for styled-components
- styled-components
- styled-components:前端组件拆分新思路 - 掘金
- 深入理解styled-components运行机制
¥预处理器语言图形编译
- oklai/koala: Koala is a GUI application for less, sass and coffeescript compilation, to help web developers to the development more efficient.
- Koala - LESS/Sass/Compass/CoffeeScript编译工具
- CSS, Sass, SCSS, Compass, Less,BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?_Sass, Compass, BEM, SMACSS, OOCSS, ACSS, CCSS 教程_w3cplus
- Styleneat - CSS Organizer
- PCSS - CSS Server-side Preprocessor
- CSS Drive Gallery- CSS Compressor
- Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS
- Sass.vs.Less | 简介与比较
$CSS 测试工具
BackstopJS
- garris/BackstopJS: Catch CSS curve balls.
- https://garris.github.io/BackstopJS/
needle
- python-needle/needle: Automated tests for your CSS.
- Needle: Automated tests for your visuals — Needle 0.1a1 documentation
$CSS frameworks、libs、plugins&tools
$badge、emoji、font、icon&logo
¥badge frameworks、libs&plugins
¥emoji frameworks、libs&plugins
ChineseBQB
- zhaoolee/ChineseBQB: 🇨🇳 Chinese sticker pack,More joy / 表情包的博物馆, Github最有毒的仓库, 中国表情包大集合, 聚欢乐~
emoji
- gee1k/emoji: Find the emoji(Unicode)
- 📙 Get Emoji - Svend
emoji-favicon-toolkit
- eligrey/emoji-favicon-toolkit: Emoji Favicon Toolkit - Set your favicon to emoji using canvas & cache as /favicon.ico with service workers
- Box-drawing character - Wikipedia
- Braille Patterns - Wikipedia
- 🎁 Emoji cheat sheet for GitHub, Basecamp, Slack & more
- 【译】用 JavaScript 和 Emoji 做地址栏动画 - 掘金
¥font frameworks、libs&plugins
font-spider
- aui/font-spider: Smart webfont compression and format conversion tool
fonts
- google/fonts: Font files available from Google Fonts
- Programming Fonts - Test Drive
- Google Fonts
fontforge
- fontforge
- FontForge Open Source Font Editor
Iosevka
- be5invis/Iosevka: Slender typeface for code, from code.
- Iosevka
- TypeWonder - Beta
- Inter UI font family
- Design with web fonts in the browser - Typecast
- What Font Is - the best font finder tool
- Hack | A typeface designed for source code
- 有字库-首页-全球第一中文web font(在线字体)服务平台、web font、webfont、在线字体、网络字体
- CSS SANS – 神奇!使用 CSS3 创建的字体 - 梦想天空(山边小溪) - 博客园
- 字体大宝库:20款免费的情人节字体 - 梦想天空(山边小溪) - 博客园
- 在前端页面中使用@font-face来显示web自定义字体【转】 - fjdingsd - 博客园
- iOS Fonts
¥icon frameworks、libs&plugins
¥favicon
- favicon摸鱼工具开发0.2版本 - 掘金
- shengxinjing/iconjs: favico for fun
- Free IT Videos & ProgramHub
¥icon 图标库
CSS icons
- CSS ICON -- project by Wenting Zhang
- CSS ICON: arrow right
- Cikonss | 纯CSS实现的响应式Icon
- CSS - Icon | Amaze UI
- Subway Icon Set – 306个像素完美的特制图标 - 梦想天空(山边小溪) - 博客园
- 分享50款 Android 移动应用程序图标【下篇】 - 梦想天空(山边小溪) - 博客园
- 分享50款 Android 移动应用程序图标【上篇】 - 梦想天空(山边小溪) - 博客园
feather
- feathericons/feather: Simply beautiful open source icons
- Feather – Simply beautiful open source icons
Fork-Awesome
- ForkAwesome/Fork-Awesome: A fork of the iconic font and CSS toolkit (Font-Awesome 4.7)
- Fork Awesome, a fork of the iconic font and CSS toolkit
hamburgers
- jonsuh/hamburgers: Tasty CSS-animated Hamburgers
Orion Icon Library
- The best Icon Tool - Orion Icon Library
RemixIcon
- Remix-Design/RemixIcon: Open source neutral style icon system
simple-icons
- simple-icons/simple-icons: SVG icons for popular brands
- Simple Icons
- google/material-design-icons: Material Design icons by Google
- xiangsudian/CaoMei: 🍓CaoMei Icon - Designed for developers http://chuangzaoshi.com/icon/
- theDazzler/droidicon: Over 1600 customizable icons for Android including 750+ Google Material Design icons, 25 ready-made social badges, and more!
- Material Icons Guide - Google Design
- 适合前端开发 和UI 设计的20多个最佳 ICON 库 - 掘金
- 分享20个无版权的高清无码图库站 - 梦想天空(山边小溪) - 博客园
- 免费下载:320+ 手绘风格 Apple iOS7 图标 - 梦想天空(山边小溪) - 博客园
- Captain Icon – 350+ 有趣的矢量图标免费下载 - 梦想天空(山边小溪) - 博客园
¥icon fonts
font-awesome
- FortAwesome/Font-Awesome: The iconic SVG, font, and CSS toolkit
- encharm/Font-Awesome-SVG-PNG: Font Awesome split to individual SVG and PNG files of different sizes along with Node.JS based generator
- Justineo/vue-awesome: Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.
- flatlogic/awesome-bootstrap-checkbox: Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look prettier.
- PrideChung/FontAwesomeKit: Icon font library for iOS. Currently supports Font-Awesome, Foundation icons, Zocial, and ionicons.
- bokmann/font-awesome-rails: the font-awesome font bundled as an asset for the rails asset pipeline
- thii/FontAwesome.swift: Use FontAwesome in your Swift projects
- Font Awesome 图标字体的代码列表
- Font Awesome 中文网 – | 字体图标
- FontAwesome 4.7.0 中完整的675个图标样式CSS参考 | Specs' Blog-就爱PHP
iconfont-cli
- Iconfont Colorful
IconFont
- backflip/gulp-iconfont-css: Create an SCSS file mapping the SVG files piped to gulp-iconfont to their codepoints
- typekit/webfontloader: Web Font Loader gives you added control when using linked fonts via @font-face.
- nfroidure/gulp-iconfont: Create icon fonts from several SVG icons
- Icon fonts
- Web fonts - Learn web development | MDN
- Iconfont-阿里巴巴矢量图标库
- Icon Font & SVG Icon Sets ❍ IcoMoon
- Font Awesome
- design.google.com
- Web字体图标-自动化方案 - 不染
- 一次性搞定 Iconfont - 掘金
- web项目中图标的前端处理方案 - 掘金
- Web字体图标-自动化方案 - 掘金
- 解密 Iconfont - 简书
- CSS3 @font-face属性 - 简书
jQuery 字体图标选择
- micc83/fontIconPicker: jQuery fontIconPicker v2 is a small (3.22kb gzipped) jQuery plugin which allows you to include a simple icon picker with search and pagination inside your administration forms.
- jQuery fontIconPicker - An elegant font icon picker written in jQuery
- fontIconPicker – 优雅的 jQuery 字体图标选择 - 梦想天空(山边小溪) - 博客园
nerd-fonts
- ryanoasis/nerd-fonts: Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more
svg-packer
- antfu/svg-packer: 📦 Pack SVGs to Icon Fonts - In Browser
- Topic: icon-fonts
¥svg icon
css.gg
- astrit/css.gg: 700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API
flag-icon-css
- lipis/flag-icon-css: A collection of all country flags in SVG — plus the CSS for easier integration
IconPark
- bytedance/IconPark: 🍎🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons🍎🍎
Iconify
- Iconify
- Iconify - Unified icons framework
icones
- antfu/icones: ⚡️ Icon Explorer with Instant searching, powered by Iconify
- Icônes
- Icônes
- danklammer/bytesize-icons: Tiny style-controlled SVG iconset (94 icons, 10kb)
- 新奇!让简单的页面瞬间变酷的图标填充效果 - 梦想天空(山边小溪) - 博客园
¥logo frameworks、libs&plugins
- bestony/logoly: A Pornhub Flavour Logo Generator
$other CSS frameworks、libs、plugins&tools
argon-design-system
- creativetimofficial/argon-design-system: Argon - Design System for Bootstrap 4 by Creative Tim
atom.css
- MatrixAges/atom.css: A atom-style library of CSS atomic elements. To build app faster and more flexible.
bulma
- jgthms/bulma: Modern CSS framework based on Flexbox
Concise CSS
- Concise CSS
iview-weapp
- TalkingData/iview-weapp: 一套高质量的微信小程序 UI 组件库
latex-css
- vincentdoerig/latex-css: LaTeX.css is a CSS library that makes your website look like a LaTeX document
materialize
- Dogfalo/materialize: Materialize, a CSS Framework based on Material Design
mustard-ui
- kylelogue/mustard-ui: A starter CSS framework that actually looks good.
- Mustard UI · A CSS framework that actually looks good.
normalize.css
- necolas/normalize.css: A modern alternative to CSS resets
pure
- pure-css/pure: A set of small, responsive CSS modules that you can use in every web project.
papercss
- papercss/papercss: The Less Formal CSS Framework
- PaperCSS • the less formal CSS framework
rework
- reworkcss/rework: Plugin framework for CSS preprocessing in Node.js
- reworkcss/rework: Plugin framework for CSS preprocessing in Node.js
shards-ui
- DesignRevision/shards-ui: 🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components.
- Shards - A High-Quality and Free Bootstrap 4 UI Kit — DesignRevision
tachyons
- tachyons-css/tachyons: Functional css for humans
teutonic-css
- fortrabbit/teutonic-css: A modern CSS framework — versatile, well documented.
- Teutonic CSS
wing
- kbrsh/wing: A beautiful CSS framework designed for minimalists.
- KingPixil/wing: Minimal, Responsive CSS Framework
- troxler/awesome-css-frameworks: List of awesome CSS frameworks
- milligram/milligram: A minimalist CSS framework.
- twbs/bootstrap: The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
- zdhxiong/mdui: MDUI 是一个基于 Material Design 的前端框架。
- disjukr/activate-power-mode: Activate POWER MODE anywhere
- stbui/angular-material-app: 基于最新Angular 6框架与Material 2技术的web企业级中后台前端应用框架,可以帮助企业提高工作效率,节省开发成本,提升品牌形象。
- viclm/numeric-keyboard: Numeric keyboard for mobile browsers
- adamschwartz/magic-of-css: A CSS course to turn you into a magician.
- browserhtml/browserhtml: Experimental Servo browser built in HTML
- Good to Great UI Animation Studio Files
- Part I: Using JavaScript to set @keyframes in CSS animations (Windows Store apps, IE) – MSDN Answers
- Canvas Gauges
- Mint UI
- core.css
- CSS Loader
- Wenk - Lightweight pure CSS tooltip for the greater good
$主题
¥前端换肤
- 聊一聊前端换肤 - 掘金
- Web界面深色模式和主题化开发 - 掘金
98.css
- jdan/98.css: A design system for building faithful recreations of old UIs
arc-theme
- horst3180/arc-theme: A flat theme with transparent elements
darken
- ColinEspinas/darken: 🌑 Dark mode made easy
github-markdown-css
- sindresorhus/github-markdown-css: The minimal amount of CSS to replicate the GitHub Markdown style
GitHub-Dark
- StylishThemes/GitHub-Dark: Dark GitHub style
hexo-theme-next
- 董沅鑫的个人网站
jupyter-themes
- dunovank/jupyter-themes: Custom Jupyter Notebook Themes
minimal-mistakes
- mmistakes/minimal-mistakes: Jekyll theme for personal sites, blogs, and portfolios. Two-columns and extremely flexible.
material-design-lite
- google/material-design-lite: Material Design Components in HTML/CSS/JS
matter
- finnhvman/matter: Material Components in Pure CSS
slack-black-theme
- widget-/slack-black-theme: A darker, more contrasty, Slack theme.
twentynineteen
- WordPress/twentynineteen: Twenty Nineteen is a theme now included in all WordPress installs. To report any issues please go here: https://core.trac.wordpress.org/newticket
videojs
- amazeui/videojs: Video.js Amaze UI Skin.
- handong1587/handong1587.github.io
$页面、布局&排版
¥404
- bestvist/axial3d: 🎨 3D effect page for github404.
- 错误的艺术!20个创意的404错误页面设计 - 梦想天空(山边小溪) - 博客园
¥吸顶&吸底
- CSS实现footer“吸底”效果 - 掘金
- 【前端词典】5 种滚动吸顶实现方式的比较[性能升级版] - 掘金
¥占位符
- zellwk/adaptive-placeholders: Float label pattern built with pure SCSS
- Adaptive Placeholder – 自适应的占位符效果
¥全屏遮罩
- Fullscreen Overlay Styles
- Display Images with Shape Masking and Nifty Effect | Demo | Queness
¥导航栏、侧边栏&菜单
圆形导航
- SaraSoueidan (Sara Soueidan)
- SaraSoueidan/circular-navigation: Demo for Codrops Tutorial: Building a Circular Navigation with CSS Transforms
- Building a Circular Navigation with CSS Transforms
多层推拉菜单
- crnacura/CodropsTemplate: Template for Codrops demo with article template
- Multi-Level Push Menu
- 使用 jQuery 和 CSS3 制作滑动导航菜单 - 梦想天空(山边小溪) - 博客园
- 创意无限!一组网页边栏过渡动画【附源码下载】 - 梦想天空(山边小溪) - 博客园
- 简洁设计,20个很有特色的网站头部设计 - 梦想天空(山边小溪) - 博客园
- 24个 HTML5 & CSS3 下拉菜单效果及制作教程 - 梦想天空(山边小溪) - 博客园
¥登录注册
- 应用程序模板:16个创意的手机登录界面设计 - 梦想天空(山边小溪) - 博客园
- 优秀示例:一组创意的手机注册和登录界面设计 - 梦想天空(山边小溪) - 博客园
elf
- jrainlau/elf: 一个干净,轻巧的响应式CSS框架。
- elf | a light and clean responsive framework
- elf,基于flexbox的响应式CSS框架 - 掘金
kite
- hiloki/kitecss: Kite is a flexible layout helper CSS library.
- Kite
lost
- peterramsing/lost: LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.
typo.css
- sofish/typo.css: 中文网页重设与排版:一致化浏览器排版效果,构建最适合中文阅读的网页排版
- alphardex/shiro: My CSS Creation Portfolio.
- Shiro
- Patternizer - Stripe Pattern Generator Tool
- Hover States / The home of alternative digital design
- 我写CSS的常用套路 - 掘金
- 【干货分享】Google 的设计准则,素材和资源 - 梦想天空(山边小溪) - 博客园
- 15个前卫的 HTML5 & CSS3 网页设计作品 - 梦想天空(山边小溪) - 博客园
$文本、元素、表单、表格&组件
¥按钮(Button)
Buttons
- alexwolfe/Buttons: A CSS button library built using Sass and Compass
Ghost Buttons
- 使用虚拟按钮(Ghost Buttons)的25个网站 - 梦想天空(山边小溪) - 博客园
- iRaul/pushy-buttons: CSS Pressable 3D Buttons. 👇
- How can I make a CSS Hover not work if a button is disabled? - Stack Overflow
- 可能被忽略的"按钮组件"细节 - 掘金
- BonBon - 使用 CSS3 制作甜美的糖果按钮 - 梦想天空(山边小溪) - 博客园
- jQuery & CSS 制作金属质感的选择按钮 - 梦想天空(山边小溪) - 博客园
- 使用 CSS3 制作一组超时尚的动画按钮效果 - 梦想天空(山边小溪) - 博客园
- 美妙的 CSS3 动画!一组梦幻般的按钮效果 - 梦想天空(山边小溪) - 博客园
- 使用 CSS3 打造一组质感细腻丝滑的按钮 - 梦想天空(山边小溪) - 博客园
¥复选框(Checkbox)、选择器(Select)&多选(Multiple selection)
MagicSuggest
- Magicsuggest/magicsuggest: Multiple Selection Combo Box using Bootstrap 3
- MagicSuggest - Examples
- MagicSuggest - Home
- 你见过吗?9款超炫的复选框(Checkbox)效果 - 梦想天空(山边小溪) - 博客园
¥滚动条
修改滚动条样式
- CSS设置滚动条样式(兼容IE) - Rey - CSDN博客
- HTML:滚动条样式自定义(IE/FireFox/webkit) - Siimple的博客 - CSDN博客
- CSS设置滚动条样式(兼容IE) - 简书
- chrome和IE下的滚动条样式修改 - _Jo - 博客园
- 修改IE滚动条样式 - 阿里云
- CSS如何设置兼容IE滚动条样式的代码图文-css教程-PHP中文网
¥输入框(Input)&搜索框(Search)
fancyInput
- yairEO/fancyInput: Makes typing in input fields fun with CSS3 effects
Basin
- Basin | Simple form backend for designers and developers
wtf-forms
- mdo/wtf-forms: Friendlier HTML form controls with a little CSS magic.
- mdo/wtf-forms: Friendlier HTML form controls with a little CSS magic.
$静态效果
¥灯箱
- jbutz/bootstrap-lightbox: A simple lightbox plugin based on the bootstrap modal plugin.
¥时钟
- 使用 CSS & jQuery 制作一款漂亮的多彩时钟 - 梦想天空(山边小溪) - 博客园
- 干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)
¥工具提示
simptip
- arashmanteghi/simptip: A simple CSS tooltip made with Sass
- Simptip: a simple CSS tooltip made with Sass
¥幻灯片
- Tilted Content Slideshow
- 酷毙了!三种风格的全屏幻灯片效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
¥图片样式
根据图片亮度智能切换元素样式
- kennethcachia/background-check: Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.
- 8个前沿的 HTML5 & CSS3 效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
- 让你心动的 HTML5 & CSS3 效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
- 精选12个时尚的 CSS3 效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
- 网页设计中手风琴效果的20个最佳实践 - 梦想天空(山边小溪) - 博客园
- 你想不到的!CSS 实现的各种球体效果【附在线演示】 - 梦想天空(山边小溪) - 博客园
- 3D Grid Effect – 使用 CSS3 制作网格动画效果 - 梦想天空(山边小溪) - 博客园
- Web 开发中很实用的10个效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
$动效&动画
#loading
css loading
- 使用 CSS3 实现超炫的 Loading(加载)动画效果 - 梦想天空(山边小溪) - 博客园
- 见过吗?14个超有创意的加载进度条设计 - 梦想天空(山边小溪) - 博客园
- 炫!一组单元素实现的 CSS 加载进度提示效果 - 梦想天空(山边小溪) - 博客园
- HTML5 Canvas 实现的9个 Loading 效果 - 梦想天空(山边小溪) - 博客园
- 真是好东西!一组动感的页面加载动画效果 - 梦想天空(山边小溪) - 博客园
- 使用 SVG 实现一个漂亮的页面预加载效果 - 梦想天空(山边小溪) - 博客园
- 单个元素实现的 CSS3 Loading 效果
- 纯CSS3 Loading加载动画DEMO演示
loaders.css
- ConnorAtherton/loaders.css: Delightful, performance-focused pure css loading animations.
- https://connoratherton.com/loaders
Loading.io
- Loading.io
- loadingio/css-spinner: small, elegant pure css spinner for ajax or loading animation
- loadingio/loading.css: 40+ Handcrafted CSS animations dedicated for your loaders
- loadingio/transition.css: css animation for transitional effect
- loadingio/loading-bar: Flexible, light weighted and super fast Progress Bar Library
- loading.io - Your SVG + GIF + PNG Ajax Loading Icons
SVG-Loaders
- SamHerbert/SVG-Loaders: Loading icons and small animations built with pure SVG.
网格布局图像加载动画
- 为网格布局图片打造的超炫 CSS 加载动画 - 梦想天空(山边小溪) - 博客园
- 不可思议的纯 CSS 滚动进度条效果 - 掘金
#hover
Hover
- IanLunn/Hover: A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
imagehover.css
- ciar4n/imagehover.css: Pure CSS Image Hover Effect Library
ihover
- gudh/ihover: iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.
- CSS八种让人眼前一亮的HOVER效果
animate.css
- animate-css/animate.css: 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
- Animate.css
- Animate.css
csshake
- elrumordelaluz/csshake: CSS classes to move your DOM!
- CSShake
cssfx
- jolaleye/cssfx: ✨ Beautifully simple click-to-copy CSS effects
css-effects-snippets
- emilkowalski/css-effects-snippets: ☁️ A collection of CSS effects made with Vue.js.
OriDomi
- dmotz/oriDomi: Fold up DOM elements like paper
- OriDomi - origami for the web
Waves
- fians/Waves: Click effect inspired by Google's Material Design
- Waves
- miniMAC/magic: CSS3 Animations with special effects
- Animating URLs with Javascript and Emojis
- Part I: Using JavaScript to set @keyframes in CSS animations (Windows Store apps, IE) – MSDN Answers
- Good to Great UI Animation Studio Files
- 【译】推荐的十个CSS动画库 - 掘金
- Magic CSS3 – 创建各种神奇的交互动画效果 - 梦想天空(山边小溪) - 博客园
- 能解决 80% 需求的 10个 CSS动画库
- [译文]网页动画的十二原则 - CSS Animation
$检测&兼容
itcss
- itcss/itcss-netmag
- itcss, from CSS Wizardry
Modernizr
- Modernizr/Modernizr: Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
- Modernizr: the feature detection library for HTML5/CSS3
- Modernizr 中文网
- Modernizr.js-使用 - CSDN博客
- Modernizr.js入门指南 - CSDN博客
- JS进阶篇--前端的瑞士军刀Modernizr.js - 风雨过后见彩虹 - SegmentFault 思否
- js库Modernizr的介绍和使用_其它_脚本之家
- 前端初学者——初探Modernizr.js Modernizr.js笔记 - 前端怪兽 - 博客园
- Modernizr.js介绍与使用 - _Simon - 博客园
- Modernizr.js - 故宫博物院 - 博客园
- Modernizr.js:为HTML5和CSS3而生!-前端开发博客
$响应式(Responsive)
spectre
- picturepan2/spectre: Spectre.css - A Lightweight, Responsive and Modern CSS Framework
- Spectre.css - A Lightweight, Responsive and Modern CSS Framework
- bradtraversy/modern_portfolio: Responsive portfolio website
- sitetent/tentcss: A CSS survival kit. Includes only the essentials to make camp.
- Best Free Responsive Html5 Css3 Templates and Themes in 2016 - Html5xCss3
- HTML5 UP! Responsive HTML5 and CSS3 Site Templates
- Materialize - 响应式 Material Design 框架 - 梦想天空(山边小溪) - 博客园
- SpaceBase – 基于 Sass 的响应式 CSS 框架 - 梦想天空(山边小溪) - 博客园
- 创建响应式布局的优秀网格工具集锦《系列五》 - 梦想天空(山边小溪) - 博客园
- 创建响应式布局的优秀网格工具集锦《系列四》 - 梦想天空(山边小溪) - 博客园
- 12款高质量的响应式 HTML5/CSS3 网站模板 - 梦想天空(山边小溪) - 博客园
- 15款免费的 HTML5/CSS3 响应式网页模板 - 梦想天空(山边小溪) - 博客园
- Schema – 模块化,响应式的前端开发框架 - 梦想天空(山边小溪) - 博客园
- 推荐12个创建响应式布局的优秀网格框架 - 梦想天空(山边小溪) - 博客园
- 30套免费的响应式 HTML5 & CSS3 模板下载 - 梦想天空(山边小溪) - 博客园
- 创建响应式布局的10款优秀网格工具集锦 - 梦想天空(山边小溪) - 博客园
- 干货分享!12款响应式的移动网站模板免费下载 - 梦想天空(山边小溪) - 博客园
- Crumpet – 使用很简单的响应式前端开发框架 - 梦想天空(山边小溪) - 博客园
$CSS 资源、整理集&FAQ
$CSS 资源
¥canvas
canvas core
- CanvasRenderingContext2D - Web API 接口参考 | MDN
- canvas API中文网 - Canvas API中文文档首页地图
- Canvas Gauges
- 最近学习canvas,做了一些效果的合集(附源码地址) - 掘金
- canvas-应用大全 - 掘金
canvas 效果
水波纹效果
- 阅读 material-ui 实现「水波纹效果」 - 掘金
- 如何使用 HTML5 Canvas 制作水波纹效果 - 梦想天空(山边小溪) - 博客园
- Canvas系列之一——滤镜效果 - 掘金
- canvas中的拖拽、缩放、旋转 (上) —— 数学知识准备 - 掘金
- Canvas 实现画中画动画效果--网易娱乐年度盘点H5动画解密 - 掘金
- 又双叒叕是一个 canvas 动画 - 掘金
- canvas-坐标系、圆角矩形、纹理、剪裁 - 掘金
- 利用噪声与canvas生成酷炫的背景动画 - 掘金
- 图形处理:给 Canvas 文本填充线性渐变
canvas 教程
- Oscillating sine wave, including the steps to figuring out how to plot a sine wave
- Meicai Blog
- ✏️Canvas实现图片上标注、缩放、移动和保存历史状态,纯干货(附css3变化公式) - 掘金
- 玩转「Canvas」 - 掘金
- 看完这本攻略,Canvas新手小白也可以创建惊人特效 - 掘金
- Canvas+Socket搞出一个多人游玩的“我画你猜” - 掘金
- 前端庆祝节日的方法 - 掘金
- 熬夜总结了 “HTML5画布” 的知识点(共10条)
- 学习HTML5 Canvas这一篇文章就够了 - 完善飞跃 - CSDN博客
- html5清空画布方法 - dxylilac - CSDN博客
- JavaScript之Canvas画布_但愿人长久 千里共婵娟-CSDN博客
- 贝塞尔曲线 总结_PlayBoys 部落格-CSDN博客
- HTML5 Canvas中绘制椭圆的5种方法_canvas,椭圆,canvas自带绘制椭圆_汉堡请不要欺负面条-CSDN博客
- html5 实现画虚线_洪小灯的博客-CSDN博客
- 判断一个点是否在四边形内部_San_Junipero的博客-CSDN博客
- 已知四边形的四个点,求一个点是否在四边形之内的解决方法_laukaka的专栏-CSDN博客
- JS实现判断点是否在多边形内部(1)--射线法理论_随遇而安-CSDN博客
- Canvas学习:渐变_Canvas, Canvas学习 教程_w3cplus
¥CSS 词汇表
calc
- Hardcore CSS calc( ) – Buildit @ Wipro Digital – Medium
- CSS 中 calc() 的应用 - 掘金
CSS 滚动捕捉技术(Scroll Snapping)
- [译] CSS 滚动捕捉技术(Scroll Snapping)介绍 - 掘金
font-family
- CSS font-family 各名称一览表 - CSDN博客
- CSS,font-family,好看,常用,中文,字体(更新中) - CSDN博客
filter
- CSS filter与前端滤镜 - 掘金
- css中的filter属性语法说明 - CSDN博客
- css filter进行图片处理 - CSDN博客
- css3中强大的filter(滤镜)属性 - lms_码农 - 博客园
- CSS3 Filter详解(改变模糊度 亮度 透明度等方法) - 风雨后见彩虹 - 博客园
line-height
- line-height设置% 数字以及em - Asa的专栏 - CSDN博客
- line-height百分比和数字值的区别 - 转角遇到谁 - 博客园
object-fit
- object-fit - CSS(层叠样式表) | MDN
position
- CSS 相对|绝对(relative/absolute)定位系列(一) « 张鑫旭-鑫空间-鑫生活
- CSS 相对/绝对(relative/absolute)定位系列(二) « 张鑫旭-鑫空间-鑫生活
- # CSS 绝对定位释义 - 掘金
- 去掉父元素position:absolute属性后没有高度了? - xubingnan123的博客 - CSDN博客
- absolute 和float - xiaofenguo - 博客园
transform
- css3 | 浅谈transform变换 - 掘金
vertical-align
- CSS深入理解vertical-align和line-height的基友关系 « 张鑫旭-鑫空间-鑫生活
- 我对CSS vertical-align的一些理解与认识(一) « 张鑫旭-鑫空间-鑫生活
- CSS vertical-align的深入理解(二)之text-top篇 « 张鑫旭-鑫空间-鑫生活
- The vertical-align Property
- CSS 魔法堂:深入理解 line-height 和 vertical-align - 前端 - 掘金
- 深入理解 CSS:字体度量、line-height 和 vertical-align - 掘金
- 关于 vertical-align 你应该知道的一切 - 掘金
Viewport
- CSS Viewport 单位,很多人还不知道使用它来快速布局! - 掘金
line-break、overflow-wrap、word-break、white-space、word-wrap
- word-break - CSS(层叠样式表) | MDN
- white-space - CSS(层叠样式表) | MDN
- overflow-wrap - CSS(层叠样式表) | MDN
- line-break - CSS(层叠样式表) | MDN
- CSS 的空格处理 - 阮一峰的网络日志
- CSS overflow-wrap新属性值anywhere是干嘛用的? « 张鑫旭-鑫空间-鑫生活
- word-break:break-all和word-wrap:break-word的区别 « 张鑫旭-鑫空间-鑫生活
- 复习下white-space - 掘金
- 彻底搞懂word-break、word-wrap、white-space - 掘金
- 按钮上的文字自动换行 - 陌悠轩 - 博客园
word-spacing、letter-spacing
- word-spacing - CSS(层叠样式表) | MDN
- letter-spacing - CSS(层叠样式表) | MDN
- word-spacing和letter-spacing之间的区别_binlety-CSDN博客
- letter-spacing和word-spacing之间的区别 - OrangeManLi - 博客园
- 深入理解letter-spacing和word-spacing2_移动开发_liwusen的博客-CSDN博客
- css常用属性总结:关于word-spacing和letter-spacing的使用 - 小黑的胡子 - 博客园
- letter-spacing和word-spacing之间的区别_百度知道
- letter-spacing和word-spacing之间的区别 - 简书
- 一句话理解word-spacing letter-spacing的区别 - 简书
- 深入理解letter-spacing,word-spacing的对比区别
will-change
- CSS 前端页面渲染优化 属性 will-change - 掘金
z-index
- 层叠上下文 - Web 开发者指南 | MDN
- 深入理解CSS中的层叠上下文和层叠顺序 « 张鑫旭-鑫空间-鑫生活
- 前端面试之层叠上下文(z-index) - 掘金
- css层叠z-index属性使用视频教程-慕课网
阴影
- 【译】不止是 box-shadow,用 css 能表现的各种影子,以及各种陷阱! - 掘金
- 【译】 box-shadow美化3D转换效果 - 掘金
- CSS 词汇表
- CSS Click Chart | CSS3 Browser Support and Information
- Learn to code at home | freeCodeCamp.org
- pointer-events - CSS3参考手册
- 2019年这1年多学到的CSS新特性 | 掘金年度征文 - 掘金
- 🔥 从最近流行的一幅 CSS 风景画中学习 2 个知识点 - 掘金
- CSS的常用属性速查表 - 掘金
- 【译】CSS 中你需要知道 auto 的一切! - 掘金
- 这些 CSS 伪类,你可能还不知道,可以用起来了!
- css单词汇总 - JerryWu145的专栏 - CSDN博客
- 2019-03-20 CSS词汇 - 简书
- CSS Vocabulary – CSS 词汇表,你都掌握了吗? - 梦想天空(山边小溪) - 博客园
- CSS 基本词汇表 - 踏得网
- CSS术语词汇表 - 学习教程 - dt猫
¥CSS 选择器
#pseudo-class&pseudo-element
::marker
- Custom bullets with CSS ::marker
@font-face
- CSS @font-face性能优化 - 掘金
- 在线Webfont字体生成工具,@font-face生成器 - 在线工具 - 字客网
Selectors Level 4
- Selectors Level 4
- [译]19个CSS level 4 选择器 - 掘金
- CSS 2.1 selectors, Part 1 | 456 Berea Street
- Media Query Change Detection in JavaScript Through CSS Animations | CSS-Tricks
- CSS 选择器 | 菜鸟教程
- CSS3 [attribute$=value] 选择器 | 菜鸟教程
- CSS3 [attribute^=value] 选择器 | 菜鸟教程
- CSS选择器笔记 - 阮一峰的网络日志
- [译]19个CSS level 4 选择器 - 掘金
- 深入理解CSS选择器优先级 - 掘金
- 盘点 CSS Selectors Level 4 中新增的选择器 - 掘金
- 神奇的选择器 :focus-within - 掘金
- 详细解读 CSS 优先级,终于忘不掉了 - 掘金
- 【小技巧】巧用CSS属性值正则匹配选择器 - 掘金
- 前端布局必须了解的css选择器 - 掘金
- :after/::after和:before/::before的区别_网络_前端向朔-CSDN博客
¥CSS 效果 & 功能
3D
- Tridiv | CSS 3D Editor
- 新奇!十分钟使用CSS实现酷炫的3D视角
CSS Mask
- 客栈说书:CSS遮罩CSS3 mask/masks详细介绍 « 张鑫旭-鑫空间-鑫生活
- CSS遮罩实现PNG图标变色
- 奇妙的 CSS MASK
CSS Shapes
《CSS 魔法系列》
- CSS 魔法系列:纯 CSS 绘制三角形(各种角度) - 梦想天空(山边小溪) - 博客园
- CSS 魔法系列:纯 CSS 绘制基本图形(圆、椭圆等) - 梦想天空(山边小溪) - 博客园
- CSS 魔法系列:纯 CSS 绘制图形(心形、六边形等) - 梦想天空(山边小溪) - 博客园
- CSS 魔法系列:纯 CSS 绘制图形(各种形状的钻石) - 梦想天空(山边小溪) - 博客园
- CSS 魔法系列:纯 CSS 绘制各种图形《系列六》 - 梦想天空(山边小溪) - 博客园
- Shape Divider App
- 【译】CSS Shapes 简介 - 掘金
- [英] CSS Shapes 介绍 - 前端 - 掘金
- 用CSS画一个带阴影的三角形 - 掘金
CSS滤镜
- 《蜘蛛侠:平行宇宙》的视觉解析与滤镜实现 - 掘金
- 【Flutter小技巧】一行代码 全灰致敬 - 掘金
- App 黑白化实现探索,有一行代码实现的方案吗? - 掘金
- b站全灰,原来仅需一行css代码——css 滤镜 - 掘金
- 明天全国哀悼日,一段css让全站变灰 - 掘金
- 4.4号疫情哀悼日网页变灰色前端是如何实现的? - 哔哩哔哩
- 经典网页设计:使用颜色滤镜效果的20个网站 - 梦想天空(山边小溪) - 博客园
CSS渐变
linear-gradient
- Explaining gradient angles
- CSS Images Module Level 3
- 奇舞周刊
radial-gradient
- CSS 之使用径向渐变实现卡券效果
uiGradients
- ghosh/uiGradients: 🔴 Beautiful colour gradients for design and code
- webkul/coolhue: Coolest Gradient Hues and Swatches by UVdesk
- 神奇的 conic-gradient 圆锥渐变 - ChokCoco - 博客园
- 再说CSS3渐变——线性渐变_gradient 教程_w3cplus
- CSS3 Gradient_gradient, css3属性详解 教程_w3cplus
文本效果
文本溢出截断省略超出隐藏
- text-overflow - CSS(层叠样式表) | MDN
- css实现文本超出"..." - 掘金
- 可能是最全的 “文本溢出截断省略” 方案合集 - 掘金
- 纯 CSS 实现多行文字截断 - 掘金
- CSS 技巧一则 -- 不定宽溢出文本适配滚动
- CSS控制文字只显示一行 超出部分显示省略号 - 博客园
文字竖向排列
- DOM 和 Canvas 如何实现文字竖向排列的效果 - 掘金
- Cool!15个超炫的 CSS3 文本特效【上篇】 - 梦想天空(山边小溪) - 博客园
- Cool!15个创意的 CSS3 文本效果【下篇】 - 梦想天空(山边小溪) - 博客园
- 推荐20款基于 jQuery & CSS 的文本效果插件 - 梦想天空(山边小溪) - 博客园
图片、图像
- Elastislide - 响应式的图片循环展示效果 - 梦想天空(山边小溪) - 博客园
- 使用 CSS3 伪元素实现立体的照片堆叠效 - 梦想天空(山边小溪) - 博客园
- PhotoSwipe - 移动开发必备的 iOS 风格相册 - 梦想天空(山边小溪) - 博客园
- ShineTime - 带有 CSS3 闪亮特效的缩略图相册 - 梦想天空(山边小溪) - 博客园
面包屑效果
- web应用中的面包屑前端存储方案 - 掘金
- 学习使用 CSS3 制作网站面包屑导航效果 - 梦想天空(山边小溪) - 博客园
标签云效果
- 基于纯 CSS3 技术实现美观的标签云效果 - 梦想天空(山边小溪) - 博客园
镂空效果
- 用纯 CSS 实现镂空效果 - 掘金
下拉菜单
- ask888/CSS3-Minimalistic-Navigation
- Create a stunning menu in CSS3 | Webdesigner Depot
- Click action Multi-level CSS3 Dropdown Menu
- Creating a CSS3 Dropdown Menu #2
- Creating a Multilevel CSS3 Metal Navigation with icons
- Creating CSS3 Dropdown Menu #3
- Creating A CSS3 Dropdown Menu #4
- Whirling CSS3 dropdown menu
- Creating a Marble Style CSS3 Navigation Menu
- Free CSS Drop-Down Menu Framework
- How to Create a Drop-Down Nav Menu With HTML5, CSS3 and JQuery
- How to Build a Kick-Butt CSS3 Mega Drop-Down Menu
- CSS3 Dropdown Menu - Web Designer Wall - Design Trends and Tutorials
- Making a CSS3 Animated Menu - Tutorialzine
- Página no encontrada
- Creative CSS3 Animation Menus
- Slide Down Box Menu with jQuery and CSS3
- CSS hover menu
- Dark Menu: Pure CSS3 Two Level Menu [Tutorial] - Ahmad Hania Blog
- CSS3 animated dropdown menu demo
抗锯齿
- 💫 CSS 幻术 | 抗锯齿
水印
- 《大前端 基础组件》系列 80行实现一个网页水印npm包 - 掘金
- 前端页面水印生成实现 - 掘金
- 从破解某设计网站谈前端水印(详细教程)
暗黑模式
- 三行CSS为掘金添加暗黑模式支持
- CSS Specificity – Emma Wedekind – Medium
- 趣味CSS3效果挑战小汇总 - 掘金
- 学会这些CSS,休想让我切图!!!
¥CSS 动效&动画
鼠标跟随
- 不可思议的纯 CSS 实现鼠标跟随效果 - 掘金
全屏网页过渡特效
- Codrops 优秀教程:基于 CSS3 的全屏网页过渡特效 - 梦想天空(山边小溪) - 博客园
- Codrops 教程:基于 CSS3 的精美模态窗口效果 - 梦想天空(山边小溪) - 博客园
立体图片切换效果
- 精致3D图片切换效果,最适合企业产品展示 - 梦想天空(山边小溪) - 博客园
信封效果
- CSS3 过渡特性创建信封效果的联系表单 - 梦想天空(山边小溪) - 博客园
下雪效果
- owen26/snowflakesjs: Demo 演示网址
- 纯css模拟下雪效果 - 掘金
- 【前端词典】实现 Canvas 下雪背景引发的性能思考 - 掘金
- JavaScript牛刀小试,结合CSS3动画属性来做一个系统时间同步的时钟 - 掘金
- 2018 最佳前端动效集锦 - 前端 - 掘金
- CSS3 动画解析 - 掘金
- 弹指间,网页灰飞烟灭——Google灭霸彩蛋实现 - 掘金
- 画物语——CSS动画之美 | 掘金技术征文-双节特别篇
- 15个来自 CodePen 的酷炫 CSS 动画效果【下篇】 - 梦想天空(山边小溪) - 博客园
- 35个让人惊讶的 CSS3 动画效果演示 - 梦想天空(山边小溪) - 博客园
- Transit – 超平滑的 CSS 过渡和变换动画效果插件 - 梦想天空(山边小溪) - 博客园
- Devrama Slider - 支持任意 HTML 的内容滑块 - 梦想天空(山边小溪) - 博客园
- 使用 CSS3 实现 3D 图片滑块效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
- 提升用户体验!29个使用动画效果的网站布局 - 梦想天空(山边小溪) - 博客园
- Magic CSS3 – 创建各种神奇的交互动画效果 - 梦想天空(山边小溪) - 博客园
- 《前端5分钟》之使用纯css实现网站换肤和焦点图切换动画
¥CSS 变量
- jhildenbiddle/css-vars-ponyfill: Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers
- How to combine SASS color functions and CSS Variables | CodyHouse
- currentColor-CSS3超高校级好用CSS变量 « 张鑫旭-鑫空间-鑫生活
- 妙用CSS变量,让你的CSS变得更心动 - 掘金
- 玩转 CSS 变量
¥SVG
SVG core
- <animate> - SVG: Scalable Vector Graphics | MDN
- SVG 参考手册 | 菜鸟教程
- SVG 教程 | 菜鸟教程
- SVG 文本 | 菜鸟教程
SVG libs、plugins&tools
clip-path
- clip-path - CSS(层叠样式表) | MDN
- In Pieces - 30 Endangered Species, 30 Pieces.
- Clippy — CSS clip-path maker
- CSS3 clip-path 用法介绍 - 掘金
Method Draw – 很好用的 SVG 在线编辑器
- duopixel/Method-Draw: Method Draw, the SVG Editor for Method of Action
- 在线演示
- Method Draw
svgxuse
- Keyamoon/svgxuse: A simple polyfill that fetches external SVGs referenced in use elements when the browser itself fails to do so. Demo: https://icomoon.io/svgxuse-demo/
- IcoMoon - SVG Icons
svgo
- svg/svgo: Node.js tool for optimizing SVG files
svg、图片互转
- SVG 在 image 标签中的动态修改技巧 - 掘金
- 在线jpg,png图片转SVG工具-BeJSON.com
- 前端和后端实现SVG转图片 | gglinux's blog
- yyued/SVG-Skeleton: Create the skeleton screen through SVG element
- SVG 在线编辑器 | 菜鸟工具
SVG 资源、整理集&FAQ
- Elastic SVG Elements | Sidebar menu
- SVG 图像入门教程 - 阮一峰的网络日志
- 理解SVG transform坐标变换 « 张鑫旭-鑫空间-鑫生活
- 理解SVG viewport,viewBox,preserveAspectRatio缩放 « 张鑫旭-鑫空间-鑫生活
- CSS 动作路径标准 Motion Path 简介 - 掘金
- 向强大的SVG迈进
- SVG 入门指南(看完,对SVG结构不在陌生) - 掘金
- SVG(可缩放矢量图形)绘制工具Method Draw - 尐轩web前端网络日志 - CSDN博客
- Hero Patterns - 聚合各种 SVG 背景纹理素材的网站 - 梦想天空(山边小溪) - 博客园
- 太可爱了!CSS3 & SVG 制作的米老鼠钟表 - 梦想天空(山边小溪) - 博客园
- 使用 SVG 制作单选和多选框动画【附源码】 - 梦想天空(山边小溪) - 博客园
¥UI 交互技巧
#像素、分辨率、分辨率比、屏幕尺寸、像素密度(PPI)、DPI、设备像素、设备独立像素、DPR、Retina、设备像素比
- 设备像素比devicePixelRatio简单介绍 « 张鑫旭-鑫空间-鑫生活
- 前端认知:PPI、DPI、设备像素等概念
- 前端不止:Retina屏幕下两倍图
- FancyNode
- 超实用!7 个优秀的 UI 交互动画技巧 - 掘金
- 前端认知:PPI、DPI、设备像素等概念 - 掘金
- EventRay UI Kit – Web & Mobile 的素材 - 梦想天空(山边小溪) - 博客园
- 设计师们会喜欢的15套情人节素材 - 梦想天空(山边小溪) - 博客园
- 免费素材:包含 250+ 组件的 DO UI Kit - 梦想天空(山边小溪) - 博客园
- PicPick—NGWIN,一款全功能的设计工具,包含屏幕截图、图片编辑器、颜色选择器、像素标尺和其它更多的功能
- PicPick—NGWIN,一款全功能的设计工具,包含屏幕截图、图片编辑器、颜色选择器、像素标尺和其它更多的功能
¥命名规范&解决方案
BEM
- BEM
- BEM
- BEM — Block Element Modifier
- 【译】BEM CSS命名规范三 Naming convention - 简书
- lvwzhen/css-name: CSS 命名规范
- NEC : 更好的CSS样式解决方案
- 组织css代码 - 掘金
- 前端项目共有的CSS问题 - 前端 - 掘金
- 纯CSS实现表单验证 - 掘金
- CSS常用Mixin封装 - 掘金
- CSS样式书写有哪些规范? - 这是一个代码的世界 - CSDN博客
- 编码规范 by @mdo
- css 命名:BEM, scoped css, css modules 与 css-in-js
¥颜色
bootstrap-colorpicker
- farbelous/bootstrap-colorpicker: Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
- Bootstrap Colorpicker, a color picker component for jQuery, compatible with Twitter Bootstrap.
css-color-function
- ianstormtaylor/css-color-function: A parser and converter for Tab Atkins's proposed color function in CSS.
颜色算法
- RGB 彩虹函数 - tmirun的博客 - CSDN博客
- 彩虹RGB - G1342522389的博客 - CSDN博客
- 如何实现RGB颜色之间的渐变?-CSDN论坛
- 【iOS】用RGB颜色模型实现彩虹渐变 - 杜子兮@莲兮奈若何 - CSDN博客
- 怎样生成彩虹色带-CSDN论坛
调色板
material-palette-generator
- KualiCo/material-palette-generator: Get perfect Material Design color palettes from any hex color
- Material Design Palette Generator
- Color Tool - Material Design
- 在线网页颜色选择器,网页颜色预览
- 在线调色板 - 站长工具
- Instant HEX to RGB or RGB to HEX Converter Tool
- Converting Colors - Hex - 3B258D
- HTML Color Codes - What's your color
- RGB to HEX
- Color Hex Color Codes
- Hex to RGB Color Converter
- Color Combinations | Color Schemes | Color Palettes
- [译]颜色比例尺 - 掘金
- 彩虹的七种颜色CMYK和RGB的值是什么 - 客亦知夫水与月乎? - CSDN博客
- 图解CSS: CSS 颜色_CSS, color, 图解CSS, 会员专栏 教程_w3cplus
- JavaScript中的颜色转换_color, JavaScript, 会员专栏 教程_w3cplus
- Web安全色
- cncuckoo (李松峰)
- CSS Reset | 2018's most common CSS Resets to copy/paste, with documentation / tutorials
- 【译】如何学习CSS - 掘金
- 博士论文:层叠样式表
- 层叠样式表
$CSS 整理集
《【Hello CSS】》
- 【Hello CSS】序章-起源 - 掘金
- 【Hello CSS】第一章-CSS的语法与工作流 - 掘金
- 【Hello CSS】第二章-CSS的逻辑属性与盒子模型 - 掘金
- 【Hello CSS】第三章-浏览器的视图与坐标 - 掘金
- 【Hello CSS】第四章-HTML的标签与语意 - 掘金
- 【Hello CSS】第五章-CSS的选择器与函数 - 掘金
- 【Hello CSS】第六章-文档流与排版 - 掘金
- 【Hello CSS】第七章-CSS的继承与可变性 - 掘金
- 【Hello CSS】第八章-CSS图形 - 掘金
- 【Hello CSS】第九章-如何画一个体验更好的动画? - 掘金
《CSS进阶》
- CSS进阶(1)—— 重新认识CSS - 掘金
- CSS进阶(2)—— width,height如此高深,难道你真懂得 - 掘金
- CSS进阶(3)——深入理解content - 掘金
- CSS进阶(4)—— 温和padding中的诡异CSS现象 - 掘金
- CSS进阶(5)—— 深入理解margin - 掘金
- CSS进阶(6)—— 浅尝盒模型中最友好的border - 掘金
- CSS进阶(7)—— 内联元素的掌管者line-height和vertical-align(上) - 掘金
- CSS进阶(8)—— 内联元素的掌管者line-height和vertical-align(下) - 掘金
- CSS进阶(9)—— 那些年骗过你的float和“清浮动” - 掘金
- CSS进阶(10)—— 深入理解BFC结界 - 掘金
- CSS进阶(11)—— overflow属性详解,利用CSS实现锚点定位 - 掘金
- CSS进阶(12)—— position:absolute如此高深,我当真不懂(上) - 掘金
- CSS进阶(13)—— position:absolute如此高深,我当真不懂(中) - 掘金
- CSS进阶(14)—— position:absolute如此高深,我当真不懂(下) - 掘金
- CSS进阶(15)—— CSS世界的层叠规则(上) - 掘金
- CSS进阶(16)—— CSS世界的层叠规则(下) - 掘金
- CSS进阶(17)—— CSS中的文本处理(上) - 掘金
- CSS进阶(18)—— CSS中的文本处理(中) - 掘金
- CSS进阶(19)—— CSS中的文本处理(下) - 掘金
- CSS进阶(20)—— 详解display:none和visibility: hidden的区别 - 掘金
- CSS进阶(21)—— CSS中的装饰属性和用户体验属性 - 掘金
- CSS 进阶(终章)—— CSS 世界流向的掌控者 direction 和 writing-mode - 掘金
《CSS 属性篇》
- CSS 属性篇(一):relative与absolute - 掘金
- CSS 属性篇(二):transform属性 - 掘金
- CSS 属性篇(三):transform-origin属性 - 掘金
- CSS 属性篇(四):Flex弹性盒子 - 掘金
- CSS 属性篇(五):box-sizing属性 - 掘金
- CSS 属性篇(六):background-size属性 - 掘金
- CSS 属性篇(七):Display属性 - 掘金
- CSS 属性篇(八):word-wrap、word-break、white-space属性 - 掘金
- CSS 属性篇(九):linear-gradient()介绍与使用 - 掘金
- CSS 属性篇(十):filter、mix-blend-mode、background-blend-mode区别 - 掘金
- CSS 属性篇(十一):border-image属性 - 掘金
《CSS 技巧篇》
- CSS 技巧篇(一):transition与display冲突问题 - 掘金
- CSS 技巧篇(二):visibility:hidden和display:none的区别 - 掘金
- CSS 技巧篇(三):background-position和雪碧图(CSS Sprites)用法 - 掘金
- CSS 技巧篇(四):伪类与伪元素的区别 - 掘金
- CSS 技巧篇(五):理解CSS优先级 - 掘金
- CSS 技巧篇(六):display设置元素为行内元素时,元素之间存在间隙问题 - 掘金
- CSS 技巧篇(七):设置元素居中 - 掘金
- CSS 技巧篇(八):display设置元素为inline-block,底部无故出现空白 - 掘金
- CSS 技巧篇(九):单行/多行文本显示省略号 - 掘金
- CSS 技巧篇(十):1px边框解决方案 - 掘金
《鑫空间,鑫生活》
- 小tip:CSS vw让overflow:auto页面滚动条出现时不跳动 « 张鑫旭-鑫空间-鑫生活
- canvas getImageData与任意字符图形点、线动效实现 « 张鑫旭-鑫空间-鑫生活
- canvas实现iPhoneX炫彩壁纸屏保外加pixi.js流体动效 « 张鑫旭-鑫空间-鑫生活
- “蝉原则”与CSS3随机多背景随机圆角等效果 « 张鑫旭-鑫空间-鑫生活
- 用3D LUT滤镜我做了个在线专业电影级别照片调色工具 « 张鑫旭-鑫空间-鑫生活
- 深入理解SVG feDisplacementMap滤镜及实际应用 « 张鑫旭-鑫空间-鑫生活
- currentColor-CSS3超高校级好用CSS变量 « 张鑫旭-鑫空间-鑫生活
- 小tip:CSS vw让overflow:auto页面滚动条出现时不跳动 « 张鑫旭-鑫空间-鑫生活
- CSS百分比padding实现比例固定图片自适应布局 « 张鑫旭-鑫空间-鑫生活
- canvas getImageData与任意字符图形点、线动效实现 « 张鑫旭-鑫空间-鑫生活
- canvas实现iPhoneX炫彩壁纸屏保外加pixi.js流体动效 « 张鑫旭-鑫空间-鑫生活
- 用3D LUT滤镜我做了个在线专业电影级别照片调色工具 « 张鑫旭-鑫空间-鑫生活
- CSS clip:rect几个值含义示意 » 张鑫旭-鑫空间-鑫生活
- absolute+margin实现的文字投影效果 >> 张鑫旭-鑫空间-鑫生活
- 获取元素CSS值之getComputedStyle方法熟悉 « 张鑫旭-鑫空间-鑫生活
- 如何在CSS中实现父选择器效果? « 张鑫旭-鑫空间-鑫生活
- CSS相关 « 张鑫旭-鑫空间-鑫生活
- chokcoco/iCSS: 谈谈一些有趣的 CSS 话题
- chokcoco/CSS-Inspiration: CSS Inspiration,在这里找到写 CSS 的灵感!
- cssinspirationguide - csc inspiration guide online
- 个人总结(css3新特性) - 掘金
- 前端常用的CSS代码 - 掘金
- CSS性能优化的8个技巧 - 掘金
- css3实战汇总(附源码) - 掘金
- 你未必知道的49个CSS知识点 - 掘金
- 请收下这72个炫酷的CSS技巧 - 掘金
- 前端 | 20个常用的 CSS 技巧 - 掘金
- 重温CSS3常见新特性的奥秘(个人总结) - 掘金
- 勇闯44关深入浅出CSS基础之一 | FCC前端教程 - 掘金
- 历时4个多月,学习了这 66 个CSS 特效
- CSS知识点及技巧整理
- CSS3阴影 box-shadow的使用和技巧总结 - freshlover的专栏 - CSDN博客
- css详解笔记 - 待繁华落尽 - 博客园
- 前端学习笔记 - Css初级篇 - 业余的强迫症患者丶 - 博客园
- 响应式Web设计:50实例与实践 - ithink-设计-Design
- 给你梳理了 44 个 CSS 精选知识点
- 能让你受益匪浅的10个css使用技巧
- 你可能还不知的 7 个 CSS 好用的属性
- 20个 CSS 快速提升技巧 | (好文收藏)
- 我写CSS的常用套路
- 我写CSS的常用套路·续
《重学CSS》
- CSS语法与规则 — 重学CSS
- CSS 选择器 — 重学CSS
- CSS 排版与正常流 —— 重学CSS
- CSS flex 排版与动画 — 重学 CSS
- Front-End-Interview-Notebook/Css.md at master · CavsZhouyou/Front-End-Interview-Notebook
- #CSS 世界特效
- 【建议收藏】css晦涩难懂的点都在这啦
- CSS揭秘实用技巧总结
- 2020年你不应该错过的CSS新特性
- 工作中常用的css整理
$CSS FAQ
- Animated traffic light example
- CSS与中文相关的一些特性 - 掘金
- 淘宝放大镜的简单实现,原来道理很简单 - 掘金
- 粉丝群CSS小测第1期答疑文字版 - 掘金
- 你不知道的css3(上) -- 用css3为你的组件添加风景 - 掘金
- 你不知道的css3(下) -- 用css3为你的组件添加可靠性 - 掘金
- 巧用 CSS 实现酷炫的充电动画 - 掘金
- 《大前端 基础组件》系列 CSS也有架构? - 掘金
- 面试官:你可以用纯 CSS 判断鼠标进入的方向吗? - 掘金
- 【地狱难度】面试官:你可以用纯 CSS 判断鼠标进入的方向吗? - 掘金
- 自适应布局方案
- 探索 CSS 的本质
- CSS:background-color - CSDN博客
- CSS隐藏元素 display visibility opacity的区别 - CSDN博客
- 子元素margin-top属性传递给父元素的问题 - CSDN博客
- css3 - 图标元素动画效果2 - 动画无限循环、循环一定次数、反向动画 - CSDN博客
- css3平移、旋转、倾斜、缩放、动画效果的实现 - CSDN博客
- text-shadow用法 - flyqingfei - 博客园
- textarea如何实现高度自适应(不出现滚动条)?-博客-云栖社区-阿里云
- 教你一分钟实现动态模糊效果
- 一个栗子带你上手CSS3动画
- 如何通过脚本修改CSS3动画的keyframe - 为程序员服务
- 切图技巧之怎么使用ps定位CSS Sprite图片 - 网页前端 - 站长圈
- 响应式和自适应有什么区别? - 站酷(ZCOOL)移动版
- 如何通过脚本修改CSS3动画的keyframe - 为程序员服务
- CSS如何设置html table表格边框样式 - DIVCSS5
- CSS3自定义滚动条样式 -webkit-scrollbar - 轩枫阁 – 前端开发 | web前端技术博客
- CSS的书写顺序对性能的影响你知道么?
- 仅3行核心CSS代码的rate评分组件,秀到你怀疑人生
JS
$JS core
$Glossary
IIFE
- IIFE - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
Prefetch
- Prefetch - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
Truthy
- Truthy - 术语表 | MDN
WebIDL
- heycam/webidl: Web IDL
- WebIDL - 术语表 | MDN
- Web IDL
- Web IDL interfaces - 知乎
XHR (XMLHttpRequest)
- XHR (XMLHttpRequest) - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
- MDN Web Docs Glossary: Definitions of Web-related terms | MDN
- 术语表 | MDN
- Internet Assigned Numbers Authority
- Media Types
- Media type - Wikipedia
$Mozilla
¥Add-ons
¥Browser Extensions
¥JavaScript APIs
#cookies
- cookies - Mozilla | MDN
- cookies.CookieStore - Mozilla | MDN
- cookies.CookieStore - Mozilla | MDN
- Introducing: The Async Cookie Store API | by Matan Borenkraout | Nielsen-Tel-Aviv-tech-blog | Medium
- JavaScript APIs - Mozilla | MDN
- Browser Extensions - Mozilla | MDN
- Add-ons - Mozilla | MDN
¥Developer guide
- Developer guide - Mozilla | MDN
¥Firefox
- Firefox - Mozilla | MDN
¥Virtualenv
- Virtualenv - Mozilla | MDN
- Mozilla | MDN
- Mozilla Labs
$Web 技术
¥Fullscreen API
- Fullscreen API - Web APIs | MDN
- 全屏 API - Web API 接口参考 | MDN
- OBKoro1 (OBKoro1)
- Fullscreen API:全屏操作 -- JavaScript 标准参考教程(alpha)
- Web全屏模式轻松掌握[局部元素全屏展示] - 掘金
- OBKoro1's Blog
- 前端积累 | OBKoro1前端积累
¥Streams API
- Streams API - Web API 接口参考 | MDN
- ReadableStream - Web API 接口参考 | MDN
- WritableStream - Web APIs | MDN
- Streams Standard
¥基础
¥超文本标记语言(HTML,HyperText Markup Language)
#A-G
a
download
- HTML <a> download 属性
- HTML <a> download 属性 | 菜鸟教程
- javascript - Anchor tag download attribute not working :Bug in Chrome 35.0.1916.114 - Stack Overflow
- javascript - download attribute on <a> tag doesn't work in Chrome - Stack Overflow
- 解决a标签download属性无效问题_Buddha_ITXiong的博客-CSDN博客
- 【2017-11-25】a标签中的download属性详解_kk_yanwu的博客-CSDN博客
- a 标签的download属性在ie下不生效的解决方案 - 简书
- IE下a标签的download属性添加失败导致IE下载文件失败问题 - 简书
- a标签的download属性 - 简书
- javascript - 如何解决a标签download属性在IE下失效? - SegmentFault 思否
- javascript - a标签下载 download - SegmentFault 思否
- 立即收藏!这应该是你见过的最全前端下载总结 - 技术放肆聊 - SegmentFault 思否
- IE浏览器a标签无法下载问题解决(IE浏览器a标签download属性不兼容问题解决) - 茫茫林海 - 博客园
- a标签的download属性简介 - 逆旅wy - 博客园
rel
- 聊聊 rel=noopener - 掘金
- HTML a标签打开新标签页避免出现安全漏洞,请使用“noopener”
- a标签属性 rel="noopener noreferrer" - iiiiiiiiiiii9的专栏 - CSDN博客
- 网站使用 rel="noopener" 打开外部锚 - 码不能停 - 博客园
- 外链用了 target="_blank" 结果悲剧了
- 什么是rel =“noopener”属性?对网站有什么影响 - 里维斯社
- <a> - HTML(超文本标记语言) | MDN
button
- <button>: The Button element - HTML: Hypertext Markup Language | MDN
#H-N
input
autocomplete
- 'autocomplete="off"'在Chrome中不起作用解决方案 - CSDN博客
- 解决谷歌浏览器(chrome)input标签自动填充数据的问题,亲测有效_weixin_38312502的博客-CSDN博客
- <input>: The Input (Form Input) element - HTML: Hypertext Markup Language | MDN
- <input type="file"> - HTML: Hypertext Markup Language | MDN
iframe
- <iframe> - HTML(超文本标记语言) | MDN
- pikaz-18/pikaz-iframe: 基于vue封装的iframe组件
- nonce - HTML: HyperText Markup Language | MDN
#O-T
script
- <script>: The Script element - HTML: Hypertext Markup Language | MDN
#U-Z
- HTML: Hypertext Markup Language | MDN
- HTML(超文本标记语言) | MDN
- HTML elements reference - HTML: Hypertext Markup Language | MDN
- Global attributes - HTML: HyperText Markup Language | MDN
¥层叠样式表(CSS,Cascading Style Sheets)
¥A-G
#@font-face
- @font-face - CSS: Cascading Style Sheets | MDN
- unicode-range - CSS: Cascading Style Sheets | MDN
#cursor
- cursor - CSS(层叠样式表) | MDN
#display
- display - CSS(层叠样式表) | MDN
- 巧用 display: contents 增强页面语义 - 掘金
- CSS Text - CSS(层叠样式表) | MDN
- flex - CSS(层叠样式表) | MDN
¥H-N
@media
- @media - CSS(层叠样式表) | MDN
- prefers-color-scheme - CSS(层叠样式表) | MDN
- hyphens - CSS(层叠样式表) | MDN
¥O-T
#position
- position - CSS(层叠样式表) | MDN
- CSS粘性定位 sticky 详解 - 掘金
- scroll-behavior - CSS: Cascading Style Sheets | MDN
- scroll-snap-type - CSS: Cascading Style Sheets | MDN
¥U-Z
#var()
- var() - CSS(层叠样式表) | MDN
- CSS: Cascading Style Sheets | MDN
- CSS(层叠样式表) | MDN
¥超文本传输协议(HTTP,Hypertext Transfer Protocol)
- HTTP | MDN
- HTTP | MDN
¥脚本
¥JavaScript ( JS )
#JavaScript reference
#Classes
- Class fields - JavaScript | MDN
#Errors
- Error: Permission denied to access property "x" - JavaScript | MDN
#Expressions and operators
- Addition (+) - JavaScript | MDN
- Expressions and operators - JavaScript | MDN
- function* expression - JavaScript | MDN
- Expressions and operators - JavaScript | MDN
- Destructuring assignment - JavaScript | MDN
- function* expression - JavaScript | MDN
- 逗号操作符 - JavaScript | MDN
- Destructuring assignment - JavaScript | MDN
- 逗号操作符 - JavaScript | MDN
#Functions
- Functions - JavaScript | MDN
- Arrow function expressions - JavaScript | MDN
- The arguments object - JavaScript | MDN
- Default parameters - JavaScript | MDN
- Rest parameters - JavaScript | MDN
- getter - JavaScript | MDN
- setter - JavaScript | MDN
- Method definitions - JavaScript | MDN
#Global_Objects
- isFinite() - JavaScript | MDN
#Iteration_protocols
- Iteration protocols - JavaScript | MDN
#Misc
- Enumerability and ownership of properties - JavaScript | MDN
#Standard built-in objects
#值属性(Value properties)
- Infinity - JavaScript | MDN
#函数属性(Function properties)
- eval() - JavaScript | MDN
- isFinite() - JavaScript | MDN
#基本对象(Fundamental objects)
- Object - JavaScript | MDN
- Object - JavaScript | MDN
- Error - JavaScript | MDN
- Function.prototype.toString() - JavaScript | MDN
- GeneratorFunction - JavaScript | MDN
- Object.prototype.hasOwnProperty() - JavaScript | MDN
- Symbol - JavaScript | MDN
- Symbol - JavaScript | MDN
- AggregateError - JavaScript | MDN
#数字和日期对象(Numbers and dates)
Date
- Date - JavaScript | MDN
- JavaScript Date 对象
- JavaScript Date类型与时区同步 - CSDN博客
- 根据本地/服务器时间获取指定时区时间 new Date指定时区时间 - CSDN博客
- JS将UTC格式日期字串转换成日期DATE对象 - CSDN博客
- Unix时间戳(Unix timestamp)转换工具 - 站长工具
- 时间戳(Unix timestamp)转换工具 - 在线工具
- javascript中如何设置指定时区的Date对象(不想与本地时区有关联)_百度知道
Math
- Math - JavaScript | MDN
- Math.log 函数 (JavaScript)
Number
- Number.EPSILON - JavaScript | MDN
#字符串(Text processing)
- String - JavaScript | MDN
#可索引的集合对象(Indexed collections)
TypedArray
Uint8Array&String co-transformation
- Uint8Array to string in Javascript - Stack Overflow
- 【ReactNative/JS】uint8array转string convert uint8array to string_JavaScript_倦鸟归时-CSDN博客
- 【ReactNative/JS】uint8array转string convert uint8array to string_Teng's world-CSDN博客
- JS uint8Array转String_JavaScript_君子不器。的博客-CSDN博客
- www.onicos.com/staff/iz/amuse/javascript/expert/utf.txt
- JavaScript typed arrays - JavaScript | MDN
- TypedArray - JavaScript | MDN
- TypedArray - JavaScript | MDN
- Uint8Array - JavaScript | MDN
- Uint8Array - JavaScript | MDN
- Array - JavaScript | MDN
#使用键的集合对象(Keyed collections)
- Map - JavaScript | MDN
#结构化数据(Structured data)
ArrayBuffer
- ArrayBuffer - JavaScript | MDN
- ArrayBuffer - JavaScript | MDN
- ArrayBufferView - Web APIs | MDN
Atomics
- Atomics - JavaScript | MDN
DataView
- DataView - JavaScript | MDN
- DataView - JavaScript | MDN
JSON
- JSON - JavaScript | MDN
SharedArrayBuffer
- SharedArrayBuffer - JavaScript | MDN
- StringView - Archive of obsolete content | MDN
- StringView - Archive of obsolete content | MDN
#控制抽象对象(Control abstraction objects)
- Promise - JavaScript | MDN
#反射(Reflection)
- Reflect - JavaScript | MDN
#Proxy
Proxy core
- Proxy - JavaScript | MDN
- Proxy - JavaScript | MDN
- 处理器对象 - JavaScript | MDN
- Proxy - ECMAScript 6入门
Proxy frameworks、libs、plugins&tools
observable-membrane
- salesforce/observable-membrane: A Javascript Membrane implementation using Proxies to observe mutation on an object graph
proxyquire
- thlorenz/proxyquire: 🔮 Proxies nodejs require in order to allow overriding dependencies during testing.
- proxyquire - npm
Proxy 资源、整理集&FAQ
- [译] 使用 Proxy 来监测 Javascript 中的类 - 掘金
- 使用ES6的新特性Proxy来实现一个数据绑定实例 - 掘金
- JS 中的数据代理 - 掘金
- 前端配置本地代理方法总结 - 掘金
- JavaScript 魔幻代理 - 掘金
- 「译」用 Proxy 追踪 JavaScript 类 - 掘金
- 最全面,最有良心的Proxy入门总结 - 掘金
- JavaScript ES6代理的实际用例 - 掘金
- 对于ES6 Proxy 用法的理解以及实例 - sunq1982的博客 - CSDN博客
#Reflect
Reflect core
- Reflect - JavaScript | MDN
- Reflect - ECMAScript 6入门
Reflect frameworks、libs、plugins&tools
reflect-metadata
- rbuckton/reflect-metadata: Prototype for a Metadata Reflection API for ECMAScript
- reflect-metadata - npm
- Metadata Proposal - ECMAScript
- Decorator & Reflect Metadata & InversifyJS - 掘金
Reflect 资源、整理集&FAQ
- Object方法与Reflect - 掘金
- JS 中的 Reflect 和 Proxy - 掘金
- es6 Reflect对象详解 - 前端菜鸟111 - 博客园
- es6 Proxy对象详解 - 前端菜鸟111 - 博客园
- ES6新特性:Javascript中的Reflect对象 - 方方和圆圆 - 博客园
#国际化(Internationalization)
- Intl - JavaScript | MDN
#WebAssembly
- WebAssembly - JavaScript | MDN
- Standard built-in objects - JavaScript | MDN
- JavaScript 标准内置对象 - JavaScript | MDN
#Statements and declarations
for await...of
- for await...of - JavaScript | MDN
try...catch
- try...catch - JavaScript | MDN
- Statements and declarations - JavaScript | MDN
- 语句和声明 - JavaScript | MDN
- function* - JavaScript | MDN
- continue - JavaScript | MDN
- JavaScript reference - JavaScript | MDN
- Strict mode - JavaScript | MDN
- Iteration protocols - JavaScript | MDN
#JavaScript Guide
- Introduction - JavaScript | MDN
- Grammar and types - JavaScript | MDN
- Control flow and error handling - JavaScript | MDN
- Loops and iteration - JavaScript | MDN
- Functions - JavaScript | MDN
- Expressions and operators - JavaScript | MDN
- Numbers and dates - JavaScript | MDN
- Text formatting - JavaScript | MDN
- Regular expressions - JavaScript | MDN
- Indexed collections - JavaScript | MDN
- Keyed collections - JavaScript | MDN
- Working with objects - JavaScript | MDN
- Details of the object model - JavaScript | MDN
- Using Promises - JavaScript | MDN
- Iterators and generators - JavaScript | MDN
- Meta programming - JavaScript | MDN
- JavaScript modules - JavaScript | MDN
- JavaScript | MDN
- JavaScript | MDN
- JavaScript | MDN
- A re-introduction to JavaScript (JS tutorial) - JavaScript | MDN
- Equality comparisons and sameness - JavaScript | MDN
- Closures - JavaScript | MDN
- Memory Management - JavaScript | MDN
- Concurrency model and the event loop - JavaScript | MDN
- Inheritance and the prototype chain - JavaScript | MDN
- JavaScript shells - JavaScript | MDN
- New in JavaScript - Archive of obsolete content | MDN
¥Web 应用编程接口(Web API)
#A-G
#BroadcastChannel
- BroadcastChannel - Web API 接口参考 | MDN
- 【3分钟速览】前端广播式通信:Broadcast Channel - 掘金
- 面试官:前端跨页面通信,你知道哪些方法? - 掘金
- JS通信方式知多少?JS和多端应用通信
#Channel Messaging API
- MessageChannel - Web APIs | MDN
- Channel Messaging API - Web APIs | MDN
- window.MessageChannel——虫洞般的存在 - 掘金
#Closures
- 闭包 - JavaScript | MDN
#Document
document.body
- Document.body - Web APIs | MDN
document.documentElement
- Document.documentElement - Web APIs | MDN
document.documentURI
- document.documentURI - Web API 接口参考 | MDN
document.hasFocus()
- document.hasFocus - Web API 接口参考 | MDN
document.location
- Document.location - Web API 接口参考 | MDN
document.URL
- document.URL - Web API 接口参考 | MDN
document.write
- eligrey/async-document-write: An asynchronous document.write implementation
渲染树
- 渲染树的形成原理你真的很懂吗?
- translation/NodeList.md at master · cncounter/translation
- Document - Web APIs | MDN
- Document - Web API 接口参考 | MDN
- Document Object Model (DOM) Level 3 Core Specification
- Document Object Model HTML
- DOM Standard
- DTD 简介
- vue / react的UI库都在用的几个DOM API🚀 - 掘金
- 理解DOM到底是什么 - 掘金
- 详细了解文档对象模型(DOM) - 掘金
- JS中document.documentElement和document.body - memgke的博客 - CSDN博客
- document.body的一些用法以及js中的常见问题 - Daniel - CSDN博客
- js中document.documentElement 和document.body 以及其属性 - huang100qi的专栏 - CSDN博客
- Dom 中 children 与childNodes 的区别 - CSDN博客
- querySelector与querySelectorAll区别及用法 - CSDN博客
- 漫谈document.documentElement与document.body - 简书
- document.body、document.documentElement和window获取视窗大小的区别 - 郑星阳 - ITeye博客
- js中document.documentElement 和document.body 以及其属性 - clouds008 - 博客园
- document.body 与 document.documentElement区别介绍 - Mrdo - 博客园
- js中document.documentElement 和document.body 以及其属性 clientWidth等 - 我当道士那儿些年 - 博客园
- Document: scroll event - Web APIs | MDN
#DocumentFragment
- DocumentFragment | MDN
- DocumentFragment 的优化小知识 - 掘金
#DocumentOrShadowRoot
- DocumentOrShadowRoot - Web APIs | MDN
- DocumentOrShadowRoot.activeElement - Web API 接口参考 | MDN
#Element
- Element - Web APIs | MDN
- Element.getBoundingClientRect() - Web API 接口参考 | MDN
- Element.getClientRects() - Web API 接口参考 | MDN
- CSSOM View Module
- Element - Web API 接口参考 | MDN
- Element.className - Web API 接口参考 | MDN
- Element.classList - Web API 接口参考 | MDN
- mousedown - Web API 接口参考 | MDN
- mouseenter - Web API 接口参考 | MDN
- mousemove - Web API 接口参考 | MDN
- mouseout - Web API 接口参考 | MDN
- Element: mouseover event - Web API 接口参考 | MDN
- mouseup - Web API 接口参考 | MDN
- mousewheel - 事件参考 | MDN
- Element: mouseleave event - Web APIs | MDN
- Element.scrollIntoView() - Web API 接口参考 | MDN
#File
- Using files from web applications - Web APIs | MDN
#Fetch API
Fetch core
- github/fetch: A window.fetch JavaScript polyfill.
- Fetch API - Web APIs | MDN
- Fetch API - Web API 接口参考 | MDN
- Using Fetch - Web APIs | MDN
- WindowOrWorkerGlobalScope.fetch() - Web APIs | MDN
- Body - Web APIs | MDN
- Introduction to fetch() | Web | Google Developers
- fetch documentation
- Fetch Standard
- Fetch Standard
- wix-fetch - Wix Code API reference
Fetch libs、plugins&tools
- Fetch - 数据交互方式 - Cmyoung - 博客园
fetch-jsonp
- camsong/fetch-jsonp: Make JSONP request like window.fetch
jest-fetch-mock
- jefflau/jest-fetch-mock: Jest mock for the fetch polyfill
rein-api
- ForChangeFE/rein-api: 基于 fetch 的 http 客户端请求工具,适用于浏览器
react-native-fetch-blob
- wkh237/react-native-fetch-blob: A project committed to making file access and data transfer easier, efficient for React Native developers.
unfetch
- developit/unfetch: 🐕 Bare minimum fetch polyfill in 500 bytes.
yetch
- Netflix/yetch: Yet-another-fetch polyfill library. Supports AbortController/AbortSignal
- fetch documentation
Fetch 资源、整理集&FAQ
- Understanding the Fetch API
- Using Fetch | CSS-Tricks
- 也许你对 Fetch 了解得不是那么多(上) - 掘金
- 也许你对 Fetch 了解得不是那么多(下) - 掘金
- Fetch 的实例讲解 - 掘金
- 基于原生fetch封装一个带有拦截器功能的fetch,类似axios的拦截器 - 掘金
- fetch使用整理 - CSDN博客
- fetch()方法介绍 - CSDN博客
- 传统 Ajax 已死,Fetch 永生 - 会影 - SegmentFault 思否
- fetch,终于认识你 - 个人文章 - SegmentFault 思否
- Fetch - 简书
- 前端|浅谈fetch - 简书
- 使用更优雅的异步请求API——fetch
#H-N
#Headers
- Headers - Web APIs | MDN
#HTMLAnchorElement
- HTMLAnchorElement - Web API 接口 | MDN
#HTMLAreaElement
- HTMLAreaElement - Web API 接口参考 | MDN
#HTMLElement
- HTMLElement - Web API 接口参考 | MDN
- HTMLElement.innerText - Web APIs | MDN
- HTMLElement.nonce - Web API 接口参考 | MDN
#HTMLInputElement
- HTMLInputElement - Web API 接口参考 | MDN
#HTMLHyperlinkElementUtils
- HTMLHyperlinkElementUtils - Web APIs | MDN
- HTMLHyperlinkElementUtils.hash - Web APIs | MDN
#HTMLOrForeignElement
- HTMLOrForeignElement - Web APIs | MDN
#History API
- History - Web APIs | MDN
- Manipulating the browser history - Web APIs | MDN
- Manipulating the browser history - Web API 接口 | MDN
- History.pushState() - Web API 接口 | MDN
#IntersectionObserver
- w3c/IntersectionObserver: API Sketch for Intersection Observers
- IntersectionObserver/polyfill at master · w3c/IntersectionObserver
- que-etc/intersection-observer-polyfill: A polyfill of IntersectionObserver API
- jeremenichelli/intersection-observer-polyfill: Polyfill for native IntersectionObserver API
- Intersection Observer - Web API 接口参考 | MDN
- intersection-observer - npm
- Intersection Observer
- IntersectionObserve初试 - 掘金
- 前端曝光数据埋点——Intersection Observer+vue指令 - 掘金
- IntersectionObserver 和懒加载 - 掘金
- 90行代码,15个元素实现无限滚动 - 掘金
#Location
- Location - Web API 接口参考 | MDN
#MimeType
- MimeType - Web APIs | MDN
#MutationObserver
- googlearchive/MutationObservers: Mutation Observers Polyfill
- MutationObserver - Web API 接口参考 | MDN
- DOM Standard
- 来一波原生的观察者模式 | MutationObserver - 掘金
#NavigatorOnLine
- NavigatorOnLine - Web APIs | MDN
- Online and offline events - Web APIs | MDN
#Network Information API
- Network Information API - Web APIs | MDN
- 网络状况 API - Web API 接口参考 | MDN
#NetworkInformation
- NetworkInformation - Web APIs | MDN
- NetworkInformation.downlink - Web APIs | MDN
- NetworkInformation.rtt - Web APIs | MDN
#Notification
- notification - Web API 接口参考 | MDN
- Notification.onshow - Web API 接口参考 | MDN
- 浏览器语音桌面通知,Notification API - 掘金
#Navigator
msSaveBlob
- msSaveBlob method (Internet Explorer) | Microsoft Docs
msSaveOrOpenBlob
- msSaveOrOpenBlob method (Internet Explorer) | Microsoft Docs
- Navigator - Web API 接口参考 | MDN
- NavigatorID - Web API 接口参考 | MDN
- NavigatorLanguage - Web API 接口参考 | MDN
- NavigatorOnLine - Web API 接口参考 | MDN
- NavigatorGeolocation - Web API 接口参考 | MDN
- NavigatorPlugins - Web API 接口参考 | MDN
- NetworkInformation - Web API 接口参考 | MDN
- Navigator.sendBeacon() - Web API 接口参考 | MDN
- 认识Javascript中的navigator对象以及检测浏览器类型和版本,获取浏览器版本号,检测客户端操作系统 - 你为什么不努力的专栏 - CSDN博客
- appCodeName、appName、appMinorVersion、appVersion、userAgent等navigator对象详细介绍 | 百恒网络
- 通过userAgent判断手机浏览器类型 - 好饱的博客 - 程序员博客
#O-T
#PerformanceObserver
- 性能监测对象 - Web API 接口参考 | MDN
#Range
- Range - Web APIs | MDN
- Range - Web API 接口参考 | MDN
#Request
- Request - Web APIs | MDN
#Response
statusText
- Response.statusText - Web API 接口参考 | MDN
- Response属性:statusText_w3cschool
- (HTTP状态码)Ajax status和statusText状态对照表_网络_王瑞的博客-CSDN博客
- Ajax status和statusText状态对照表_网络_qi1271199790的博客-CSDN博客
- HTTP Status code(状态码)和 Status text(状态文本) - 维维WW - 博客园
type
- Response.type - Web APIs | MDN
- Response - Web APIs | MDN
- Response - Web API 接口参考 | MDN
#ResizeObserver
- ResizeObserver - Web API 接口参考 | MDN
#ReportingObserver
- ReportingObserver - Web APIs | MDN
#ResizeObserverEntry
- ResizeObserverEntry - Web API 接口参考 | MDN
#Selection
- Selection - Web API 接口参考 | MDN
- Selection - Web APIs | MDN
#U-Z
#URL
URLUtilsReadOnly
- URLUtilsReadOnly - Web APIs | MDN
- URL - Web APIs | MDN
- URL - Web API 接口参考 | MDN
- URL() - Web API 接口 | MDN
- URL() - Web APIs | MDN
- URL.createObjectURL() - Web API 接口参考 | MDN
- URL.host - Web API 接口参考 | MDN
- URLUtils - Web API 接口 | MDN
- RFC 3986 - Uniform Resource Identifier (URI): Generic Syntax
- Parsing URLs with the DOM! – James Padolsey
- URL的井号 - 阮一峰的网络日志
- js对url进行编码和解码(三种方式区别) - 简书
- js获取url中指定参数的值(兼容hash) - 简书
- 一个非常全面的javascript URL解析函数和分段URL解析方法_javascript技巧_脚本之家
- 【基础进阶】URL详解与URL编码 - ChokCoco - 博客园
#URLSearchParams
- URLSearchParams - Web API 接口参考 | MDN
- URLSearchParams() - Web API 接口参考 | MDN
- URL Standard
#USVString
- USVString - Web API 接口参考 | MDN
#Web Animations API
web-animations
- web-animations/web-animations-js: JavaScript implementation of the Web Animations API
- web-animations/web-animations-next: Development repository for web-animations-js:
- web-animations/web-animations-js-legacy: The original emulator of the Web Animations specification. Please use web-animations-js instead:
- Web Animations API | MDN
#Window
window.history
- bripkens/connect-history-api-fallback: Fallback to index.html for applications that are using the HTML 5 history API
- Window.history - Web APIs | MDN
- Using the HTML5 History API | CSS-Tricks
- HTML Standard
- Dev.Opera — Introducing the HTML5 History API
- history对象 -- JavaScript 标准参考教程(alpha)
- 【深入吧,HTML 5】 性能 & 集成 —— History API - 掘金
- 使用ajax和history.pushState无刷新改变页面URL - CSDN博客
- HTML5学习笔记之History API_html5教程技巧_脚本之家
- 浏览器“后退”、“前进”或可以这么去监听 - WEB前端 - 伯乐在线
- ajax与HTML5 history pushState/replaceState实例 - Wayne-Zhu - 博客园
- HTML5 简介(三):利用 History API 无刷新更改地址栏 - Blog - Renfei Song
- 再详解history.pushState和history.replaceState以及page ajax的实现_唐霜的博客
- ajax无刷新加载页面,结合history.state修改url_唐霜的博客
- HTML5 History API 和 Location 对象剖析 - Joe’s Blog
- History 对象 - JavaScript 教程 - 网道
- HTML5之pushstate、popstate操作history,无刷新改变当前url - FED社区
window.location
window.location.hash
- apopelo/jquery-hashchange: A jQuery plugin which allows to bind callbacks to custom window.location.hash (uri fragment id) values.
- cloudcome/jquery.hash
- cowboy/jquery-hashchange: This jQuery plugin enables very basic bookmarkable #hash history via a cross-browser HTML5 window.onhashchange event.
- hash.js Javascript/jQuery 解析/监听url hash - 郎涯工作室 - CSDN博客
- js 监听URL的hash变化 - 前端__小川 - 博客园
- window.location - Web API 接口参考 | MDN
- window.location方法获取URL及window.location.assign(url)和replace(url)区别 - CSDN博客
- location.hash详解 - CSDN博客
- window.location.href和window.location.hash的区别 - CSDN博客
- javascript中window.open()与window.location.href的区别 - 刘奇云 - 博客园
window.postMessage
- window.postMessage | MDN
- HTML5中window.postMessage,在两个页面之间的数据传递
Window.requestAnimationFrame()
- ngryman/raf.js: Request Animation Frame polyfill
- Window.requestAnimationFrame() - Web APIs | MDN
- requestAnimationFrame/cancelAnimationFrame——性能更好的js动画实现方式 - 掘金
- 【译】前端requestAnimationFrame概述 - 掘金
- 你知道的requestAnimationFrame【从0到0.1】 - 掘金
- JavaScript的rAF,你掌握了吗?
- 深入理解定时器系列第二篇——被誉为神器的requestAnimationFrame - 小火柴的蓝色理想 - 博客园
- Window - Web API 接口参考 | MDN
- Window.frames - Web APIs | MDN
- 了解JS中的全局对象window.self和全局作用域self « 张鑫旭-鑫空间-鑫生活
- window.open(url)打开链接被浏览器拦截解决方案 - CSDN博客
- window.opener方法的使用 刷新父页面 - 小贝de - CSDN博客
- js刷新当前页面的5种方式 - 12344321hh - 博客园
- Location 对象,URL 对象,URLSearchParams 对象 - JavaScript 教程 - 网道
#Web Storage API
- Web Storage API - Web API 接口参考 | MDN
- Storage - Web API 接口参考 | MDN
#Web Workers API
bthreads
- chjj/bthreads: worker threads for javascript
EasyWorker
- zhangyuanwei/EasyWorker: Make web worker easy to use.
ServiceWorker
- violinux666/webpack-sw-plugin: plugin for webpack4 , Be quickly and easily to build a ServiceWorker webapp you can access it offline
- ServiceWorker - Web APIs | MDN
- 利用ServiceWorker实现页面的快速加载和离线访问 - 掘金
- 精读《Caches API》 - 掘金
- service worker 对静态资源进行缓存 - 掘金
SharedWorker
- SharedWorker - Web APIs | MDN
Worker
- Worker - Web APIs | MDN
workerize
- developit/workerize: 🏗️ Run a module in a Web Worker.
- developit/workerize-loader: 🏗️ Automatically move a module into a Web Worker (Webpack loader)
时间分片(Time Slicing)
- 1. 什么是时间分片(Time Slicing)? · Issue #1 · KRISACHAN/ying-study
- 时间切片的实现和调度(原创2.6万字)
- 「前端进阶」高性能渲染十万条数据(时间分片) - 掘金
- 什么是时间分片(Time Slicing)?_c/c++_鱼头的Web海洋-CSDN博客
- 时间分片 - 简书
- 浏览器UI线程更新机制
- Web Workers API - Web APIs | MDN
- Web Workers API - Web API 接口参考 | MDN
- 使用 Web Workers - Web API 接口参考 | MDN
- eligrey/jsandbox: A JavaScript sandboxing library that uses web worker threads
- eligrey/subscribe.js: An easy-to-use and highly extensible client-side notification-based feed reader Service Worker (coming soon!)
- 怎么在 ES6+Webpack 下使用 Web Worker - 掘金
- 通过定时器、时间分片、Web Worker优化长任务 - 掘金
- Web Worker、Service Worker 和 Worklet - 前端 - 掘金
- 你不知道的 Web Workers (上)[7.8K 字 | 多图预警]
#WebSocket
WebSocket core
《WebSocket 协议》
- 【译】WebSocket协议——摘要(Abstract) - 掘金
- 【译】WebSocket协议第一章——介绍(Introduction) - 掘金
- 【译】WebSocket协议第二章——一致性要求(Conformance Requirements) - 掘金
- 【译】WebSocket协议第三章——WebSocket网址(WebSocket URIs) - 掘金
- 【译】WebSocket协议第四章——连接握手(Opening Handshake) - 掘金
- 【译】WebSocket协议第五章——数据帧(Data Framing) - 掘金
- 【译】 WebSocket 协议第六章——发送与接收消息(Sending and Receiving Data) - 掘金
- 【译】 WebSocket 协议第七章——关闭连接(Closing the Connection) - 掘金
- 【译】 WebSocket 协议第八章——错误处理(Error Handling) - 掘金
- 【译】 WebSocket 协议第九章——扩展(Extension) - 掘金
- WebSocket 协议 1~4 节 - 掘金
- WebSocket 协议 5~10 节 - 掘金
- WebSocket - Web APIs | MDN
- WebSocket - Web API 接口参考 | MDN
- The WebSocket API
- HTML Standard
Websocket libs、plugins&tools
easyXDM
- oyvindkinsey/easyXDM: A javascript library providing cross-browser, cross-site messaging/method invocation.
- easyXDM - Cross-domain messaging made easy
GoEasy
- 让Websocket更简单 - GoEasy Web消息推送
socket.io
- socketio/engine.io
- socket.io/package.json at master · socketio/socket.io
- HTML Standard
- Socket.IO
- engine.io 原理详解 - 掘金
- Socket.IO
SockJS
- SockJS
- sockjs/sockjs-client: WebSocket emulation - Javascript client
- sockjs/sockjs-node: WebSocket emulation - Node.js server
- javascript - 项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求 - SegmentFault 思否
- vue-cli3 一直运行 /sockjs-node/info?t= 解决方案 - 实现丰盛 - 博客园
- SockJS简单介绍_John_62的博客-CSDN博客_sockjs
stomp-websocket
- jmesnil/stomp-websocket: Stomp client for Web browsers and node.js apps
- STOMP Over WebSocket
ws
- websockets/ws: Simple to use, blazing fast and thoroughly tested WebSocket client and server for Node.js
Websocket 资源、整理集&FAQ
- zimv/websocket-heartbeat-miniprogram: WebSocket heart beat for miniprogram
- WebSocket 教程 - 阮一峰的网络日志
- 零距离接触websocket🚀
- (译)通过WebChannel/WebSockets与QML中的HTML交互 - 掘金
- WebSocket 快速入门 - 掘金
- 以中间件,路由,跨进程事件的姿势使用WebSocket - 掘金
- 以中间件,路由,跨进程事件的姿势使用WebSocket--Node.js篇 - 掘金
- 在vue中使用SockJS实现webSocket通信 - 掘金
- WebSocket技术解析和应用
- 你不知道的 WebSocket
- 在vue中使用SockJS实现webSocket通信
- Vue+Java 通过websocket实现服务器与客户端双向通信_oayoat blog-CSDN博客_vue websocket
- 完全理解TCP/UDP、HTTP长连接、Websocket、SockJS/Socket.IO以及STOMP的区别和联系_洛丹伦的夏天-CSDN博客_socket.io sockjs
- websocket:支持 前端连接 + 订阅_嚼菜根-CSDN博客_websocket 订阅
- vue-cli使用sockjs即时通信 - 古兰精 - 博客园
- vue使用sockjs-client+stompjs进行websocket连接的方法 - xianxiaobo - 博客园
- websocket的前端实现 - keeperForever - 博客园
- vue使用sockjs-client+stompjs进行websocket连接的方法 | Nejery
- WebSocket 原理浅析与实现简单聊天
- 深度:手写一个WebSocket协议 [7000字]
- 码农翻身
#WindowOrWorkerGlobalScope
- WindowOrWorkerGlobalScope - Web APIs | MDN
- User Timing Level 2
- setTimeout的第三个参数你可能不知道的作用-前端开发博客
- 你应该知道的 setTimeout 秘密
#XMLHttpRequest
XMLHttpRequest core
- ilinsky/xmlhttprequest: XMLHttpRequest.js - Standard-compliant cross-browser XMLHttpRequest object implementation
- XMLHttpRequest - Web APIs | MDN
- XMLHttpRequest.abort() - Web API 接口 | MDN
- Using XMLHttpRequest - Web APIs | MDN
- www.ilinsky.com/articles/XMLHttpRequest/
#XMLHttpRequest
statusText
- XMLHttpRequest.statusText - Web API 接口参考 | MDN
- XMLHttpRequest | MDN
- Web APIs | MDN
- Web API reference - Web technology reference | MDN
- WebAPI | MDN
- Web API 接口参考 | MDN
- Web API 参考 - Web 技术参考 | MDN
¥事件参考(Event reference)
#A-G
#EventTarget
- EventTarget - Web API 接口参考 | MDN
- EventTarget.addEventListener() - Web API 接口参考 | MDN
- EventTarget.dispatchEvent - Web API 接口参考 | MDN
#EventListener
- EventListener - Web API 接口参考 | MDN
#Event
- Event() - Web API 接口参考 | MDN
- Event.isTrusted - Web API 接口参考 | MDN
- Event.initEvent() - Web API 接口参考 | MDN
- event.currentTarget - Web API 接口参考 | MDN
#GlobalEventHandlers
- GlobalEventHandlers.onmousemove - Web API 接口参考 | MDN
- GlobalEventHandlers - Web APIs | MDN
- CustomEvent - Web API 接口参考 | MDN
- Document.createEvent() - Web API 接口参考 | MDN
#H-N
#input
- input - 事件参考 | MDN
#InputEvent
- InputEvent - Web API 接口参考 | MDN
#MouseEvent
- 鼠标事件 - Web API 接口 | MDN
- MouseEvent.initMouseEvent() - Web API 接口参考 | MDN
load & DOMContentLoaded
- Window: load event - Web APIs | MDN
- load - 事件参考 | MDN
- DOMContentLoaded - Event reference | MDN
- DOMContentLoaded - 事件参考 | MDN
- window.onload 和 document.onDOMContentLoaded 有什么区别? - 简书
- window.onload和DOMContentLoaded的区别 - 余小果 - 博客园
- document.ready、window.onload、body.onload的区别 - 自行车上的程序员 - 博客园
- window.onload、DOMContentLoaded和$(document).ready() - MIN飞翔 - 博客园
- hashchange - Event reference | MDN
#O-T
Pointer Events
- Pointer Events
- popstate - Event reference | MDN
#U-Z
#WindowEventHandlers
- WindowEventHandlers - Web APIs | MDN
- WindowEventHandlers.onpopstate - Web APIs | MDN
- WindowEventHandlers.onhashchange - Web APIs | MDN
- Event reference | MDN
- 事件参考 | MDN
- 创建和触发 events - Web 开发者指南 | MDN
- HTML DOM Event 对象
- javascript - not enough arguments to mouseEvent.initMouseEvent - Stack Overflow
- 🔥JavaScript 自定义事件如此简单!
- 创建事件(new Event) - 简书
- JavaScript 事件——“模拟事件”的注意要点 - 前端和Node学习笔记 - SegmentFault 思否
- JavaScript事件(createEvent,initEvent,dispatchEvent) - Legend Of WolfX - OSCHINA
- initEvent vs initMouseEvent - daishuguang - 博客园
- 浅谈Javascript事件模拟 - Mr_BackKom - 博客园
- 跨浏览器-javascript - xionglee - 博客园
- Javascript - Event order
- JavaScript自定义事件 - createEvent()、initEvent()和dispachEvent()
¥Web Components
Web Components core
- Web Components | MDN
- Web Components | MDN
Web Components libs、plugins&tools
dom component
domcom
- taijiweb/domcom: the web framework to provide dom component
eplayer
- 132yse/eplayer: A web-components html5 video player facing future
funcy.js
- michael-klein/funcy.js: funcy.js - a functional web components wrapper
- github/custom-element-boilerplate: Boilerplate for creating a custom element.
- taoqf/custom-elements-es5-adapter: es2015
Web Components 资源、整理集&FAQ
- mdn/web-components-examples: A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.
- manfredsteyer/web-components: Examples for using Web Components in Angular
- Doing something with Web Components – Duncan Grant – Medium
- 自定义元素 v1:可重用网络组件 | Web | Google Developers
- Firefox 63 - Tricks and Treats! - Mozilla Hacks - the Web developer blog
- Posts About Web Components ← Alligator.io
- HTML Web Component using Plain JavaScript | Codementor
- web component的强大之处 - 前端 - 掘金
- Web Components 小榄 - 掘金
- 深度介绍:💾 你听说过原生 HTML 组件吗? - 掘金
- 【译】Web Components简介 - 掘金
- [译] 组件化开发利器:Web Components标准 - 掘金
- WebComponent+WebGl的实时图像处理弹幕播放器 - 掘金
- 前端下半场:构建跨框架的 UI 库 - Phodal | Phodal - A Growth Engineer
¥图形
¥Canvas API
- Canvas API - Web APIs | MDN
- Canvas - Web API 接口参考 | MDN
- HTMLCanvasElement - Web API 接口参考 | MDN
¥Web图形库(WebGL)
《WebGL学习》
- WebGL学习01-从真实生活的3D绘画开始
- WebGL学习02-WebGL工作流程初窥
- WebGL学习03-动手来写第一个WebGL程序
- WebGL学习04-让图形动起来
- WebGL学习05-初识矩阵
- WebGL学习06-投影,视图和模型矩阵
- WebGL: 2D and 3D graphics for the web - Web APIs | MDN
- WebGL - Web API 接口参考 | MDN
- gfxfundamentals/webgl-fundamentals: WebGL lessons that start with the basics
¥可缩放矢量图形(SVG,Scalable Vector Graphics)
- developer.mozilla.org
- SVG | MDN
¥音频,视频和多媒体
¥Web 媒体技术(Web media technologies)
- Web media technologies | MDN
¥WebRTC (Web Real-Time Communications)
vialer-js
- vialer/vialer-js: Open-source WebRTC communication platform.
- Home | Vialer-js
- learn-webrtc: learn-webrtc
- WebRTC API - Web APIs | MDN
- WebRTC API - Web API 接口参考 | MDN
- 前端音视频WebRTC实时通讯的核心
- 从0到1打造一个 WebRTC 应用
- webRTC——浏览器里的音视频通话
¥媒体流处理API(MediaStream API)
- MediaStream API - Web API 接口参考 | MDN
- Media Capture and Streams API (Media Stream) - Web APIs | MDN
¥视频和音频内容(Video and audio content)
- Video and audio content - Learn web development | MDN
- 视频和音频内容 - 学习 Web 开发 | MDN
- Media Source API - Web APIs | MDN
- MediaSource - Web API 接口参考 | MDN
¥其他
¥EXSLT
- EXSLT | MDN
- EXSLT | MDN
¥Privacy, permissions, and information security
- Privacy, permissions, and information security | MDN
¥Web 性能(Web Performance)
- Web Performance | MDN
- Web 性能 | MDN
¥WebAssembly
- WebAssembly | MDN
- WebAssembly | MDN
¥XML 路径语言(XPath)
- XPath | MDN
- XPath | MDN
¥数学标记语言(MathML,Mathematical Markup Language)
- MathML | MDN
- MathML | MDN
¥可扩展样式表语言转换(XSLT,Extensible Stylesheet Language Transformations)
- XSLT: Extensible Stylesheet Language Transformations | MDN
- XSLT | MDN
¥学习 Web 开发(Learn web development)
- Learn web development | MDN
- 学习 Web 开发 | MDN
¥渐进式 Web 应用(Progressive web apps,PWA)
- Progressive web apps (PWAs) | MDN
- 渐进式 Web 应用(PWA) | MDN
¥无障碍(Accessibility)
- Accessibility | MDN
- 无障碍 | MDN
¥本地化(L10n)和国际化(I18n)
- Localization and Internationalization | MDN
¥安全(Security)
#Subresource Integrity
- Subresource Integrity - Web security | MDN
- Web security | MDN
- Web 安全 | MDN
- Properly Configuring Server MIME Types - Web security | MDN
- MDN Web Docs
- mdn/mdn: Meta repository that governs the MDN GitHub organization
- MDN Web Docs
- MDN Web 文档
- Web technology for Developers | MDN
- Web 技术文档 | MDN
- Chrome Developers
- chromium Git repositories - Git at Google
$代码、语法&算法逻辑
¥ECMAScript
#ECMAScript core
core-js
- zloirock/core-js: Standard Library
- zloirock/core-js at v2
Class
- JavaScript 新语法详解:Class 的私有属性与私有方法 - Fundebug - 博客园
Decorator 修饰器、装饰器
Decorator core
- jayphelps/core-decorators: Library of stage-0 JavaScript decorators (aka ES2016/ES7 decorators but not accurate) inspired by languages that come with built-ins like @override, @deprecate, @autobind, @mixin and more. Popular with React/Angular,
- 装饰器 - ECMAScript 6入门
- 修饰器 - ECMAScript 6入门
- @babel/plugin-proposal-decorators · Babel
Decorator libs、plugins&tools
#javascript
- johanneslumpe/react-native-gesture-recognizers: Gesture recognizer decorators for react-native
- mbasso/react-decoration: A collection of decorators for React Components
- mako-taco/DecorateThis: JS Decorators library
- developit/decko: The 3 most useful ES7 decorators: bind, debounce and memoize
- kriasoft/react-decorators: A collection of higher-order ReactJS components
- joewalnes/reconnecting-websocket: A small decorator for the JavaScript WebSocket API that automatically reconnects
- arolson101/typescript-decorators: Examples of using typescript decorators
- andreypopp/autobind-decorator: Decorator to automatically bind methods to class instances
- ThomasBurleson/angularjs-logDecorator: Demonstration of AngularJS Decorators to enhance and supercharge $log
- CocktailJS/traits-decorator: Traits with decorators
- knownasilya/hapi-decorators: Decorators for HapiJS routes
- MikeRyanDev/angular-decorators: A collection of utilities and annotations that make it easier to write Angular 2 style code in AngularJS 1.x
- HaiFengFE/v-decorators: decorators for vue
- young-steveo/bottlejs: A powerful dependency injection micro container for JavaScript applications
- ember-decorators/ember-decorators: Useful decorators for Ember applications.
- leozdgao/react-async-script-loader: A decorator for script lazy loading on react component
- felixgirault/pure-render-decorator: An ES7 decorator to make React components "pure".
- gvaldambrini/storybook-router: A storybook decorator that allows you to use routing-aware components in your stories
- makeomatic/redux-connect: Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React
- JBlaak/Fitted: Simplifying http requests using ES decorators
- jeffijoe/mobx-task: Makes async function state management in MobX fun.
- farwayer/mobx-decorators: Several helper MobX decorators (setter, observe, save, ...)
- ludohenin/gulp-inline-ng2-template: Gulp plugin to inline HTML and CSS into Angular 2 component decorators
- negomi/redux-burger-menu: A Redux reducer and higher-order component decorator for use with react-burger-menu
- marcin-mazurek/react-render-debugger: Render debugger for React
- siddharthkp/css-constructor: 💄 CSS constructor for React components
- WebReflection/universal-mixin: A mixin usable for both generic objects and decorators.
- bkniffler/slate-mate: Slate medium-like editor with exposed decorators and plugins
- themgoncalves/react-adventure: ⛰ React high-ending architecture & patterns ready for use. Made for big and small projects. PWA Ready.
- pruttned/owl-bt: owl-bt is editor for Behavior trees. It has been inspired by Unreal engine behavior trees in a way, that it supports special node items like decorators and services. This makes trees smaller and much more readable.
- final-form/final-form-calculate: Decorator for calculating field values based on other field values in 🏁 Final Form
- dzautner/JSDecorators: Python like decorators in Javascript with pseudo operator overloading.
- json-schema-form/angular-schema-form-material: Angular Material decorator for Angular Schema Form
- bvaughn/debounce-decorator: Decorator for debouncing class methods
- PlatziDev/socket.io-react: A High-Order component to connect React and Socket.io easily
- cmartin81/decorator-wrap: A ES6 decorator for wrapping classes or methods with you own custom code. You can easily edit the input and the output
- super2god/egg-shell-decorators: 给你的 加个壳
- apollographql/graphql-decorators: Decorators for your GraphQL schema
- gnoff/react-tunnel: React components and decorators for putting context-like values into context and pulling them out as props
#typescript
- typestack/class-validator: Validation made easy using TypeScript decorators.
- typestack/class-transformer: Proper decorator-based transformation / serialization / deserialization of plain javascript objects to class constructors
- typestack/routing-controllers: Create structured, declarative and beautifully organized class-based controllers with heavy decorators usage in Express / Koa using TypeScript and Routing Controllers Framework.
- RobinBuschmann/sequelize-typescript: Decorators and some other features for sequelize
- TypedProject/ts-express-decorators: A TypeScript Framework on top of Express. It provide a lot of decorators and guideline to write your code.
- itsFrank/vue-typescript: Typescript decorators to make vue feel more typescripty
- ngParty/ng-metadata: Angular 2 decorators and utils for Angular 1.x
- championswimmer/vuex-module-decorators: TypeScript/ES7 Decorators to create Vuex modules declaratively
- PillowPillow/ng2-webstorage: Localstorage and sessionstorage manager - Angular service
- mgechev/aspect.js: JavaScript library for aspect-oriented programming using modern syntax.
- marcj/angular2-localstorage: Angular 2+ decorator to save and restore variables/class properties to HTML5 LocalStorage automatically.
- NetanelBasal/ngx-take-until-destroy: 🤓 RxJS operator that unsubscribe from observables on destroy
- prismake/typegql: Create GraphQL schema with TypeScript classes.
- thiagobustamante/typescript-rest: This is a lightweight annotation-based expressjs extension for typescript.
- thiagobustamante/typescript-ioc: A Lightweight annotation-based dependency injection container for typescript.
- NetanelBasal/ngx-auto-unsubscribe: Class decorator that will automatically unsubscribe from observables
- k1r0s/kaop-ts: Simple Yet Powerful Library of ES2016 Decorators with Strongly typed method Interceptors like BeforeMethod, AfterMethod, OnException, etc
- serhiisol/node-decorators: node-decorators
- seanpmaxwell/overnight: TypeScript decorators for the ExpressJS Server.
- testdeck/testdeck: Object oriented testing
- angelnikolov/ngx-cacheable: Observable/Promise Cache Decorator
- mgechev/memo-decorator: Decorator which applies memoization to a method of a class.
- NetanelBasal/helpful-decorators: Helpful decorators for typescript projects
- zoomsphere/ngx-store: Angular decorators to automagically keep variables in HTML5 LocalStorage, SessionStorage, cookies; injectable services for managing and listening to data changes and a bit more.
- vsternbach/angular-ts-decorators: A collection of angular decorators for angularjs 1.5.x projects written in typescript
- philcockfield/storybook-host: A React Storybook decorator with helpful display options for hosting components under test.
- vue-typed/vue-typed: Sets of ECMAScript / Typescript decorators that helps you write Vue component easily.
- Cody2333/koa-swagger-decorator: using decorator to automatically generate swagger doc for koa-router
- miaowing/nest-schedule: A cron-like and not-cron-like job distributed scheduler for Nest.js by decorators.
- inversify/inversify-inject-decorators: Lazy evaluated property injection decorators
- typestack/socket-controllers: Use class-based controllers to handle websocket events
- inversify/inversify-binding-decorators: An utility that allows developers to declare InversifyJS bindings using ES2016 decorators
- felixfbecker/sequelize-decorators: Sequelize + Decorators = ❤
- ulfryk/angular-typescript: TypeScript 1.7 annotations (decorators) for AngularJS 1.x
- Polymer/polymer-decorators: TypeScript decorators for Polymer.
- dormd/rich-logger-decorator: Rich Logger Typescript Decorator for Easy Coding & Debugging
- abraham/reflection: Lightweight (3K) ES Module implementation of reflect-metadata
- nuxt-community/nuxt-class-component: ES / TypeScript decorator for class-style Nuxt/Vue components
- pueue/graphql-typescript: Define and build GraphQL Schemas using typed classes
- thiagobustamante/typescript-rest-swagger: Swagger tools for typescript-rest
- typestack/class-sanitizer: Class-based sanitation in Typescript using decorators
- swimlane/trafficlight: 🚦 Flexible NodeJS Routing Decorators for API Routing
- KarlPurk/redux-decorators: A ridiculously good syntax for working with Redux using decorators in ES7 / TypeScript. Currently limited to Angular 2 but could potentially be used elsewhere.
- nicolasgere/graphql-ts: Graphql implementation in Typescript using decorator
- ngxs-labs/emitter: New pattern that provides the opportunity to feel free from actions
- nuxt-community/nuxt-property-decorator: Property decorators for Nuxt (base on vue-property-decorator)
lodash-decorators
- steelsojka/lodash-decorators: A collection of decorators using lodash at it's core.
- lodash-decorators - npm
- Lodash Decorators Documentation API Document
Decorator 资源、整理集&FAQ
Decorator 资源
Decorator 整理集
Decorator FAQ
- javascript - Cannot use decorators in Node/BabelJS application - Stack Overflow
- Exploring EcmaScript Decorators – Google Developers – Medium
- 都2020年了,你还不会JavaScript 装饰器? - 掘金
- ts装饰器-元编程技巧:如何利用装饰器特性开发框架?
- JS-学习ES6之- Decorator 修饰器 - BigKongfuPanda的博客 - CSDN博客
- koa 使用 decorator - ISaiSai的专栏 - CSDN博客
- 在 Web 应用中使用 ES7 装饰器(Decorator)初体验 - 菜菜蔡伟的博客 - SegmentFault 思否
- Javascript装饰器的妙用 - 全沾开发(huā) - SegmentFault 思否
- JavaScript设计模式----装饰者模式 - 侯志强 - SegmentFault 思否
- JS 装饰器解析 - FE cloud - SegmentFault 思否
- JavaScript设计模式七:装饰者模式 - Counting Stars - SegmentFault 思否
- JS 装饰器,一篇就够 - 不挑食的程序员 - SegmentFault 思否
- 黄金搭档 -- JS 装饰器(Decorator)与Node.js路由 - 简书
- 利用Decorator如何控制Koa路由详解_node.js_脚本之家
- 装饰器模式&&ES7 Decorator 装饰器 - FeMiner - 博客园
estree
- estree/estree: The ESTree Spec
espree
- eslint/espree: An Esprima-compatible JavaScript parser
Iterator /Generators 遍历器/生成器
- nvie/itertools.js: JavaScript port of Python's awesome itertools stdlib
- itertools — Functions creating iterators for efficient looping — Python 3.8.2 documentation
- itertools - Rust
- std::iter::Iterator - Rust
- The Boost.Iterator Library Boost - 1.66.0
- devsnek/proposal-iterator-helpers
- [译]JavaScript Symbols, Iterators, Generators, Async/Await, and Async Iterators - 掘金
- ES9中的异步迭代器(Async iterator)和异步生成器(Async generator) - 掘金
Module
- Module 的加载实现 - ECMAScript 6入门
Reference(ref)declarations and expressions
- rbuckton/proposal-refs: Ref declarations and expressions for ECMAScript
super
- JavaScript中解析 super 关键字
- tc39/ecma262: Status, process, and documents for ECMA-262
- tc39/proposal-iterator-helpers: Methods for working with iterators in ECMAScript
- ruanyf/es6tutorial: 《ECMAScript 6入门》是一本开源的 JavaScript 语言教程,全面介绍 ECMAScript 6 新增的语法特性。
- Leo-JavaScript/EXEFE-es6book at master · pingan8787/Leo-JavaScript
- gold-miner/es8-was-released-and-here-are-its-main-new-features.md at master · xitu/gold-miner
- ECMAScript 2015 Language Specification – ECMA-262 6th Edition
- Standard ECMA-262
- ECMAScript® 2018 Language Specification
- ECMAScript® 2018 Language Specification
- ECMAScript® 2019 Language Specification
- ECMAScript® 2020 Language Specification
- ECMAScript® 2020 Language Specification
- ECMAScript® 2021 Language Specification
- ECMAScript® 2021 Language Specification
- esnext | es6 es7 es2017 es2018 es2019
- TC39 Proposals
- The TC39 Process
- Exploring JS: JavaScript books for programmers
- 探索 ES6
- Everything you need to know from ES2016 to ES2019
- ES6 入门教程 - ECMAScript 6入门
- ECMAScript 6 入门 - ECMAScript 6入门
#ECMAScript libs、plugins&tools
import-helper
- sorrycc/import-helper: Don't waste time to write import/require statement.
- yoshuawuyts/es2020: Because in hindsight we don't need most of ES6
- ahdinosaur/es2040: Because, in hindsight, we can do without most of ES6.
- yoshuawuyts/babel-preset-es2020: Babel preset for a subset of ES6
- ahdinosaur/babel-preset-es2040: Babel preset for a subset of ES6
#ECMAScript 资源、整理集&FAQ
ECMAScript 资源
- chanceLe/ES6-Basic-Syntax: Basic-Syntax
- esdiscuss/esdiscuss.org: A website displaying markdown formatted versions of the esdiscuss.org posts
- Module 的语法 - ECMAScript 6入门
- [译] ECMAScript 2020 新特性 - 掘金
- 近一万字的ES6语法知识点补充 - 掘金
ECMAScript 整理集
《ES6 系列》
- ES6 系列之 let 和 const - 掘金
- ES6 系列之模板字符串 - 掘金
- ES6 系列之箭头函数 - 掘金
- ES6 系列之模拟实现 Symbol 类型 - 掘金
- ES6 系列之迭代器与 for of - 掘金
- ES6 系列之模拟实现一个 Set 数据结构 - 掘金
- ES6 系列之 WeakMap - 掘金
- ES6 系列之我们来聊聊 Promise - 掘金
- ES6 系列之 Generator 的自动执行 - 掘金
- ES6 系列之我们来聊聊 Async - 掘金
- ES6 系列之异步处理实战 - 掘金
- ES6 系列之 Babel 将 Generator 编译成了什么样子 - 掘金
- ES6 系列之 Babel 将 Async 编译成了什么样子 - 掘金
- ES6 系列之 Babel 是如何编译 Class 的(上) - 掘金
- ES6 系列之模块加载方案 - 掘金
- ES6 系列之我们来聊聊装饰器 - 掘金
- ES6 系列之私有变量的实现 - 掘金
- ES6 系列之 let 和 const · Issue #82 · mqyqingfeng/Blog
- ES6 系列之模板字符串 · Issue #84 · mqyqingfeng/Blog
- ES6 系列之箭头函数 · Issue #85 · mqyqingfeng/Blog
- ES6 系列之模拟实现 Symbol 类型 · Issue #87 · mqyqingfeng/Blog
- ES6 系列之迭代器与 for of · Issue #90 · mqyqingfeng/Blog
- ES6 系列之模拟实现一个 Set 数据结构 · Issue #91 · mqyqingfeng/Blog
- ES6 系列之 WeakMap · Issue #92 · mqyqingfeng/Blog
- ES6 系列之我们来聊聊 Promise · Issue #98 · mqyqingfeng/Blog
- ES6 系列之 Generator 的自动执行 · Issue #99 · mqyqingfeng/Blog
- ES6 系列之我们来聊聊 Async · Issue #100 · mqyqingfeng/Blog
- ES6 系列之异步处理实战 · Issue #101 · mqyqingfeng/Blog
- ES6 系列之 Babel 将 Generator 编译成了什么样子 · Issue #102 · mqyqingfeng/Blog
- ES6 系列之 Babel 将 Async 编译成了什么样子 · Issue #103 · mqyqingfeng/Blog
- ES6 系列之 Babel 是如何编译 Class 的(上) · Issue #105 · mqyqingfeng/Blog
- ES6 系列之 Babel 是如何编译 Class 的(下) · Issue #106 · mqyqingfeng/Blog
- ES6 系列之 defineProperty 与 proxy · Issue #107 · mqyqingfeng/Blog
- ES6 系列之模块加载方案 · Issue #108 · mqyqingfeng/Blog
- ES6 系列之我们来聊聊装饰器 · Issue #109 · mqyqingfeng/Blog
- ES6 系列之私有变量的实现 · Issue #110 · mqyqingfeng/Blog
- ES6 完全使用手册 · Issue #111 · mqyqingfeng/Blog
《ES6基础》
- 【ES6基础】解构赋值(destructuring assignment) - 掘金
- 【ES6基础】展开语法(Spread syntax) - 掘金
- 【ES6基础】箭头函数(Arrow functions) - 掘金
- 【ES6基础】默认参数值 - 掘金
- 【ES6基础】const介绍 - 掘金
- 【ES6基础】let和作用域 - 掘金
《ES6常用但被忽略的方法》
- ES6常用但被忽略的方法(第一弹解构赋值和数值)
- ES6常用但被忽略的方法(第二弹函数、数组和对象)
- ES6常用但被忽略的方法(第三弹Symbol、Set 和 Map )
- ES6常用但被忽略的方法(第四弹Proxy和Reflect)
- ES6常用但被忽略的方法(第五弹Promise和Iterator)
- ES6常用但被忽略的方法(第六弹Generator )
- ES6常用但被忽略的方法(第七弹async)
- ES6常用但被忽略的方法(第八弹Class)
- ES6常用但被忽略的方法(第九弹Module)
- ES6常用但被忽略的方法(第十弹项目开发规范)
- ES6常用但被忽略的方法(第十一弹Decorator)
- ES6常用但被忽略的方法(终弹-最新提案)
《基石:ES5基础》
- 基石-ES5基础(一) 数据类型&类型转换/判断 - 掘金
- 基石:ES5基础(二) 对象& 属性特征 - 掘金
- 基石:ES5基础(三) 原型&原型链&继承 - 掘金
- 基石:ES5基础(四) 执行环境&作用域&闭包 - 掘金
- [ ES6 ] 快速掌握常用 ES6 (一) - 掘金
- [ ES6 ] 快速掌握常用 ES6 (二) - 掘金
- [前端怪谈_1] 从 for of 聊到 Generator - 掘金
- [前端怪谈_2] 从 Dva 的 Effect 到 Generator + Promise 实现异步编程 - 掘金
- 深入ECMAScript系列(一):词法环境 - 掘金
- 深入ECMAScript系列(二):执行上下文 - 掘金
- 从规范看ECMAScript(一):规范基础 - 掘金
- 从规范看ECMAScript(二):数据类型 - 掘金
- 阅读《深入理解ES6》书籍,笔记整理(上) - 掘金
- 阅读《深入理解ES6》书籍,笔记整理(下) - 掘金
- 「建议收藏」送你一份精心总结的3万字ES6实用指南(上)
- 「建议收藏」送你一份精心总结的3万字ES6实用指南(下)
- 350 个特性看透 ES6 - 前端 - 掘金
- 1.5万字概括ES6全部特性(已更新ES2020) - 掘金
- 【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理) - 掘金
- 从ES6到ES10的新特性万字大总结(不得不收藏) - 掘金
- ES5 to ESNext — 自 2015 以来 JavaScript 新增的所有新特性 - 掘金
- ES6、ES7、ES8、ES9、ES10新特性一览 - 掘金
- ES6-ES10知识整合合集_a1burning - SegmentFault 思否
- ECMAScript 2018 标准导读 - 知乎
- 记好这 24 个 ES6 方法,用来解决实际开发的 JS 问题
- 上次24个实用 ES6 方法受到好评,这次再来 10个
- ES7、ES8、ES9、ES10新特性大盘点
- 近一万字的ES6语法知识点补充
ECMAScript FAQ
JS严格模式不能用arguments.callee
- 小tips:JS严格模式(use strict)下不能使用arguments.callee的替代方案 - weixin_34413103的博客 - CSDN博客
- javascript - js 严格模式下arguments.callee用什么替代 - SegmentFault 思否
- 小tips:JS严格模式(use strict)下不能使用arguments.callee的替代方案 - 风雨后见彩虹 - 博客园
- 判断一个值是不是空的方法,尽可能严谨、正确,分析下和其他方式相比的优缺点 · Issue #2 · FeNature/js-es6
- ES proposal: `import()` – dynamically importing ES modules
- 【译】五个ES6功能,让你编写代码更容易 - 掘金
- 每个JavaScript开发人员都应该知道的新ES2018功能(译文) - 掘金
- 每个 JavaScript 开发者都该了解的 ES2018 新特性 - 掘金
- ES2019 新特性简介 - 掘金
- 【小试牛刀】Stage-2 装饰器初探 - 掘金
- 【译】2019 JavaScript 新玩法 - 掘金
- 🎉喜大普奔,ES2019登场 - 掘金
- 【译】ES10功能完全指南 - 掘金
- 迅速了解一下 ES10 中 Object.fromEntries 的用法 - 掘金
- ES 5 新增特性汇总 - 掘金
- [译] 在JavaScript中何时使用var、let及const - 掘金
- 每日一记 3分钟从编译后的代码里学 let 和 const 命令 - 掘金
- ES6中类的静态方法=> static 的使用 - 掘金
- ES6 中的 Symbol、Set 和 Map - 前端 - 掘金
- ES6之Array.from()方法 - 掘金
- ES6 --- 新的变量声明方式 let 与 const 解析 - 掘金
- [译]使用 JavaScript 对象 Rest 和 Spread 的7个技巧 - 掘金
- 如何用 es6+ 写出优雅的 js 代码 - 掘金
- ES6 系列之 Babel 是如何编译 Class 的(下) - 掘金
- Javascript之ES7详解 - 掘金
- ES9已经来了 Are you ready? - 掘金
- 为什么说ES6的class是语法糖? - 掘金
- 菜鸟也谈js(一)——ES6解构对象篇 - 掘金
- 【译】30 Seconds of ES6 (一) - 掘金
- 2019 年的 JavaScript 新特性学习指南 | 掘金年度征文 - 掘金
- 重读《深入理解ES6》—— 函数 - 掘金
- ES6 完全使用手册 - 掘金
- ES6面试、复习干货知识点汇总(全) - 掘金
- 快速掌握es6+新特性及es6核心语法盘点 - 掘金
- 扩展运算符(...)的用途 - CSDN博客
- 在JavaScript项目中正确是使用ES7的语法 - 水痕 - CSDN博客
- ECMAScript 2017(ES8)特性概述 - 知乎
- ES6--扩展运算符与剩余操作符
- 箭头函数正在正在破坏我们的 React 组件…… - 知乎
- 前端开发者不得不知的ES6十大特性 - WEB前端 - 伯乐在线
- ES6新增—let、const、字符串连接、解构赋值、复制数组 - 夏至未至~ - 博客园
- 妙用ES6解构和扩展运算符让你的代码更优雅 - loop4ever - 博客园
- es6入门3--箭头函数与形参等属性的拓展 - 听风是风 - 博客园
- JavaScript: ECMAScript 2018(ES2018)有哪些新功能?_慕课手记
- ES6新增的属性和方法 - HTML5总结 - 千锋教育论坛 - Powered by Discuz!
- 深入理解 ES Modules (手绘示例) - 众成翻译
- 十分钟上手ES2020新特性
- 从Babel编译结果看ES6的Class实质
¥JS/前端模块化
JS、前端模块化 core
¥ES模块化
fix-es-imports
- billinghamj/fix-es-imports: Fixes your ES import paths - from Node-style to explicit filenames
- fix-es-imports - npm
import-http
- egoist/import-http: Import modules from URL instead of local node_modules
- caridy/es6-module-transpiler-system-formatter: ES6 Module Transpiler Extension to Output `System.register()` Format
- module: ESM loaders next steps · Issue #36396 · nodejs/node
- WebAssembly/esm-integration: ECMAScript module integration
- ECMAScript 2015 Language Specification – ECMA-262 6th Edition
- javascript - "export default from" doesn't work with Babel React - Stack Overflow
- javascript - Re-export default in ES 6 modules - Stack Overflow
- javascript - Can't require() default export value in Babel 6.x - Stack Overflow
- javascript - When should I use curly braces for ES6 import? - Stack Overflow
- Modules in ECMAScript 6 (ES6) | DotNetCurry
- 16. Modules
- Read Understanding ECMAScript 6 | Leanpub
- ECMAScript 6 modules: the final syntax
- ES6的模块化语法 - 掘金
- ES6模块化之export和import的用法 - 掘金
- 一篇文章弄懂 JavaScript 中的 import - 掘金
- 彻底搞清楚 ECMAScript 的模块化
- ES6详解八:模块(Module)!_言川的博客-CSDN博客
- vue.js - vue组件注册为什么有时候要在require后面加上default? - SegmentFault 思否
- ES6 import和export - 静简明 - 简书
- require('./expample.js).default详解 - 简书
- 彻底搞清楚javascript中的require、import和export - 最骚的就是你 - 博客园
- JavaScript ES6中export、import与export default的用法和区别 - byd张小伟 - 博客园
- ES6模块之export和import详解 - byd张小伟 - 博客园
- 深入浅出ES6(十六):模块 Modules-InfoQ
¥UMD模块打包
Build tools
- docpad/docpad-plugin-umd: Wrap specified JavaScript documents in the Universal Module Definition (UMD) allowing them to run in AMD, Require.js, CommonJS/Node.js and Vanilla environments automatically
- bebraw/grunt-umd: Surrounds code with the universal module definition (MIT)
- eduardolundgren/gulp-umd: Gulp plugin for build JavaScript files as Universal Module Definition, aka UMD
- aearly/grunt-urequire: Grunt wrapper for uRequire
- ruyadorno/generator-umd: An Yeoman Generator to create a basic UMD structure
- grunt-umd - npm
Resources
- dontkry.com
Testing
- javascript - Grunt test for UMD - Stack Overflow
umd
- umdjs/umd: UMD (Universal Module Definition) patterns for JavaScript modules that work everywhere.
- UMD模块打包 · webpack指南
客户浏览器端范畴
¥AMD规范(在头部参数部分写好依赖,用difine和require,异步加载,提前执行,RequireJS 2.0+也改成可延迟执行,依赖前置,API 默认是一个当多个用)
core
- amdjs/amdjs-api: Houses the Asynchronous Module Definition API
- AMD · amdjs/amdjs-api Wiki
- require · amdjs/amdjs-api Wiki
- Home · amdjs/amdjs-api Wiki
- Group for AMD JS Module API
- Loader Plugins · amdjs/amdjs-api Wiki
- Javascript模块化编程(二):AMD规范 - 阮一峰的网络日志
RequireJS
- requirejs/requirejs: A file and module loader for JavaScript
- Plugins · requirejs/requirejs Wiki
- RequireJS
- RequireJS
- RequireJS API
- RequireJS Optimizer
- RequireJS 中文网
- JS模块化工具requirejs教程(一):初识requirejs | 菜鸟教程
- requirejs入门到精通 - CSDN博客
- RequireJS 入门指南 - 技术翻译 - 开源中国社区
- require.js 最佳实践 - digdeep - 博客园
- requireJS 基本使用 - 天幽 - 博客园
- AMD及requireJS - 小火柴的蓝色理想 - 博客园
- 一份超详细的requireJS介绍及应用-js教程-PHP中文网
¥CMD规范(使用过程中提出依赖,用difine和require,延迟执行,依赖就近,API职责单一)
core
- 模块系统 · Issue #240 · seajs/seajs
- 前端模块化开发的价值 · Issue #547 · seajs/seajs
- 前端模块化开发那点历史 · Issue #588 · seajs/seajs
- CMD 模块定义规范 · Issue #242 · seajs/seajs
- API 快速参考 · Issue #266 · seajs/seajs
- 从 CommonJS 到 Sea.js · Issue #269 · seajs/seajs
sea.js
- seajs/seajs: A Module Loader for the Web
- 与 RequireJS 的异同 · Issue #277 · seajs/seajs
- Sea.js - A Module Loader for the Web
- SeaJS - A Module Loader for the Web
- 模块定义 - Sea.js 手册与文档
- sea.js - 百度
- seajs-JavaScript中文网-JavaScript教程资源分享门户
¥CommonJS/Node.js `require`
one-click.js
- jordwalke/one-click.js: One Click, Offline, CommonJS Modules in the browser
require1k
- Stuk/require1k: A minimal, and yet practically useful, CommonJS/Node.js `require` module loader for the browser in under 1000 bytes
- require1k — CommonJS require for the browser in 1k
require-polyfill
- chenglou/require-polyfill: Make `require` work in browsers, at runtime. No code bundling needed!
- 【漫游Github】无编译/无服务器,实现浏览器的 CommonJS 模块化 - 掘金
¥html-imports
- HTML Imports
- HTML Imports
LABjs
- getify/LABjs: Loading And Blocking JavaScript: On-demand parallel loader for JavaScript with execution order dependencies
- LABjs | Drupal.org
- Javascript文件加载:LABjs和RequireJS - 阮一峰的网络日志
- LABJS的使用教程 - 学习_成长_分享 - SegmentFault 思否
- JavaScript文件加载器LABjs API详解 - 韩子迟 - 博客园
- LABJS浅析 - yuzhongwusan - 博客园
- LAB.js使用 - xiaoyang_ - 博客园
- 这里有人用过LabJS么? - CNode技术社区
- LABjs异步加载组件 - - ITeye博客
shimport
- Rich-Harris/shimport: Use JavaScript modules in all browsers, including dynamic imports
- Shimport demos
- 前端模块化之AMD与CMD原理(附源码) - 掘金
- AMD 和 CMD 的区别有哪些? - 知乎
服务器端范畴
¥CommonJS(Node采用,一文件一模块,require加载,返回exports,同步加载)
BravoJS
- wesgarland/bravojsold: Official Home - http://bitbucket.org/wesgarland/BravoJS
- codegooglecom/bravojs: Automatically exported from code.google.com/p/bravojs
- dchouzer/bravojs: Automatically exported from code.google.com/p/bravojs
- abundanzini/bravojs: Bravo HS JS Project
- luisbravoa/bravojs
- wesgarland/bravojs
- cadorn/christoph-bravojs-packages: Automatically exported from code.google.com/p/christoph-bravojs-packages
- What is commonjs2 ? · Issue #1114 · webpack/webpack
- require() 源码解读 - 阮一峰的网络日志
- node模块化之require学习 - 掘金
- require()循环引用问题 - 掘金
- 【Node】详解模块的实现过程 - 掘金
- node 的模块运行机制 - 掘金
- Nodejs专栏 - Nodejs的模块化(module.exports和exports原理, Nodejs模块化原理)_前端攻城狮Dannis-CSDN博客
- CommonJS Spec Wiki
JS、前端模块化 libs、plugins&tools
curljs
- cujojs/curl: curl.js is small, fast, extensible module loader that handles AMD, CommonJS Modules/1.1, CSS, HTML/text, and legacy scripts.
- Home · cujojs/curl Wiki
- curl.js AMD Loader
- curl.js (javascript page curl image effect)
- javascript - how do I use curl.js to load an object? - Stack Overflow
- curl获取内容后执行脚本问题-CSDN论坛
- curl如何获取js执行后的页面 - liuzhanpeng的回答 - SegmentFault 思否
- curl用法 - coderland - 博客园
- curl---一款实用的URL命令行网络通讯工具/库 - hbzyin - 博客园
dependency-cruiser
- sverweij/dependency-cruiser: Validate and visualize dependencies. Your rules. JavaScript, TypeScript, CoffeeScript. ES6, CommonJS, AMD.
import-html-entry
- kuitos/import-html-entry: import html and take over the exports from the scripts
import-js
- Galooshi/import-js: A tool to simplify importing JS modules
- dabbott/vscode-import-js: VSCode extension for ImportJS
system.js
- systemjs
- systemjs/systemjs: Dynamic ES module loader
- systemjs - npm
- (5条消息)Angluar WARNING System.import() is deprecated and will be removed soon. Use import() instead - 李建帅 廊坊师范学院信息技术提高班十三期 - CSDN博客
- SystemJS使用记录 - 简书
- javascript - 关于Typescript编译的模块用System.js导入时出现的错误的疑问 - SegmentFault 思否
- react.js - jspm引入模块失败,System.import出错 - SegmentFault 思否
- systemjs-JavaScript中文网-JavaScript教程资源分享门户
- 学习SystemJS 笔记 - 谢巴奥 - 博客园
- SystemJS-WEB前端开发
- SystemJS是万能动态模块加载器
- Javascript模块加载捆绑器Browserify Webpack和SystemJS用法 -解道Jdon
- anderlaw ( zarkey)
- mjavascript/mastering-modular-javascript: 📦 Module thinking, principles, design patterns and best practices.
JS、前端模块化 资源、整理集&FAQ
- 如何实现一个异步模块加载器--以requireJS为例 · Issue #98 · youngwind/blog
- JavaScript Modules: From IIFEs to CommonJS to ES6 Modules
- JavaScript Modularization Journey
- require 和 import 详解 - 掘金
- AMD 规范与CMD 规范概要 - 掘金
- 前端模块化详解(完整版) - 掘金
- 深度阅读<Javascript Modules 从IIFEs 到CommonJS 到 ES6 Modules> - 掘金
- [译] 为什么我不再使用 export default 来导出模块 - 掘金
- 【译】JavaScript 模块:从立即执行函数 ( IIFEs ) 到 CommonJS 再到 ES6 模块 - 掘金
- 前端模块化杂记 - 掘金
- ES6模块与commonJS模块的差异 - 掘金
- JS模块化编程 - 掘金
- 从前端模块化编程切入想聊聊前端的未来(文末有我想问的问题) - 掘金
- [译] 模块化系统中的 event.stopPropagation() - 掘金
- 前端工程师必备:前端的模块化 - 掘金
- 比较 commonjs 和 ESM 模块使用方式 - 掘金
- 一篇不是标题党的CommonJS和ES6模块规范讲解 - 掘金
- 「查漏补缺」深度剖析JavaScript ES5/AMD/CMD/COMMONJS/ES6模块化(加薪必备)| 掘金技术征文-双节特别篇
- 最全的前端模块化方案
- 前端模块化:CommonJS,AMD,CMD,ES6
- 前端commonjs、AMD、CMD、ES6等模块化的对比 - wang729506596的博客 - CSDN博客
- 深谈require和import - CSDN博客
- es6 import和require用法和区别 - CSDN博客
- webpack中require和import的区别 - CSDN博客
- JavaScript 模块化:CommonJS、AMD、CMD、UMD 和 ES6 Module - 简书
- 前端模块化CommonJS、CMD、AMD、ES6 - 简书
- 写了十年JS却不知道模块化为何物? - 野狗科技官方专栏 - SegmentFault 思否
- LABjs、RequireJS、SeaJS的区别_Seajs_脚本之家
- 前端模块化方案:CommonJS/AMD/CMD/ES6规范
- js 模块化的规范 - surfaces - 博客园
- JavaScript模块化 --- Commonjs、AMD、CMD、es6 modules - Wayne-Zhu - 博客园
- 前端模块化小总结—commonJs,AMD,CMD, ES6 的Module - 天高任鸟飞吧 - 博客园
- AMD,CMD.CommonJs和UMD还有es6的模块化对比 - 上帝不是要你成功,而是让你去尝试 - 博客园
- JS 中的require 和 import 区别 - 山高我为峰 - 博客园
¥JS执行流程/事件循环
执行流程
- JS task到底是怎么运行的 · Issue #4 · rhinel/blog-word
- 前端急速解决异步之微任务和宏任务 - 掘金
- 总结:JavaScript异步、事件循环与消息队列、微任务与宏任务 - 掘金
- 说说异步 - 掘金
- 从浏览器环境到JavaScript执行流程的一次简单梳理 - 掘金
- 定时器(setTimeout/setInterval)最小延迟的问题 - 掘金
- 这一次,彻底弄懂 JavaScript 执行机制 - 掘金
- 深度解密setTimeout和setInterval——为setInterval正名! - 掘金
- 从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 - 掘金
- 10分钟理解JS引擎的执行机制 - 前端进阶 - SegmentFault 思否
- 如何理解 JS 的这个 setTimeout 问题? - 知乎
- JavaScript定时器与执行机制解析 | AlloyTeam
事件循环(Event Loop)
event-loop-delay
- mafintosh/event-loop-delay: A minimal overhead event loop delay sampler.
- Node.js 事件循环,定时器和 process.nextTick() | Node.js
- JavaScript 运行机制详解:再谈Event Loop - 阮一峰的网络日志
- javascript - event loop - 掘金
- js事件循环机制(event loop) - 掘金
- Event Loop 原来是这么回事 - 掘金
- JS事件循环 - 掘金
- 【译】JavaScript的工作原理:事件循环及异步编程 - 前端 - 掘金
- 一次弄懂Event Loop(彻底解决此类面试问题) - 掘金
- 浏览器与Node的事件循环(Event Loop)有何区别? - 掘金
- 【译】Understanding NodeJS Event Loop - 掘金
- 彻底搞懂浏览器Event-loop - 掘金
- 由节流函数引发出我对event-loop的思考,顺便刷刷爆款题 - 掘金
- 浏览器eventLoop和node eventLoop - 掘金
- Eventloop不可怕,可怕的是遇上Promise - 掘金
- JavaScript执行机制-node事件循环 - 掘金
- 从面试题看 JS 事件循环与 macro micro 任务队列 - 掘金
- Event Loop的规范和实现 - 掘金
- JS 事件循环 event loop,前端烧脑一刻 - 掘金
- setTimeout和setImmediate到底谁先执行,本文让你彻底理解Event Loop - 掘金
- 【前端体系】从一道面试题谈谈对EventLoop的理解
- 【前端进阶】深入浅出浏览器事件循环【内附练习题】
- 不要混淆nodejs和浏览器中的event loop - CNode技术社区
- 周一硬核干货:通过Node.js的源码彻底理解EventLoop
¥JS内存管理
垃圾回收(GC)
- JavaScript 中的垃圾回收(GC) · Issue #61 · lxfriday/give-me-job
- 内存管理 - JavaScript | MDN
- [译] 通过垃圾回收机制理解 JavaScript 内存管理 - 掘金
- JavaScript中的垃圾回收和内存泄漏 - 掘金
- V8 引擎垃圾内存回收原理解析 - 掘金
- 从 4 个面试题了解「浏览器的垃圾回收」
- V8 垃圾回收原来这么简单?
内存监控、异常、泄漏
- javascript - nodejs out of memory - Stack Overflow
- An interesting kind of JavaScript memory leak - Meteor Blog
- JavaScript 内存泄漏教程 - 阮一峰的网络日志
- 记一次网页内存溢出分析及解决实践 - 掘金
- [译] JavaScript 工作原理:内存管理 + 处理常见的4种内存泄漏 - 掘金
- Node.js 内存溢出时如何处理? - 掘金
- 一文从零彻底搞懂前端的内存监控、异常、泄漏
- Node.js内存溢出-process out of memory 问题的处理 - 起点终站
- Javascript 内存空间管理 · Issue #1 · ruizhengyun/javascript-note
- 深入理解js内存机制 - 前端 - 掘金
- JavaScript的内存管理 - 掘金
- 【文末送书】JavaScript内存管理介绍
¥prototype&继承
¥prototype
- 一道关于this和原型链的JS题目 · Issue #16 · RicardoCao-Biker/RICO-BLOG
- Object.prototype.propertyIsEnumerable() - JavaScript | MDN
- Object.prototype.isPrototypeOf() - JavaScript | MDN
- 说来话长的 Javascript 原型链 - 掘金
- 为什么 JavaScript 要设计原型模式 - 掘金
- 理解 JavaScript 中的原型 - 掘金
- 深入学习js之——原型和原型链 - 掘金
- 原型对象与原型链 - 掘金
- 详解JavaScript原型 - 掘金
- 帮你彻底搞懂JS中的prototype、__proto__与constructor(图解) - 掘金
- 一文搞懂JavaScript原型链(看完绝对懂) - 掘金
- 走一遍流程图,了解 [[prototype]]、__proto__、prototype究竟是什么 - 掘金
- 原型、原型链、作用域、作用域链、闭包 - 掘金
- JavaScript Prototype(原型) 新手指南 - 前端 - 掘金
- 彻底弄懂JS原型与继承 - 掘金
- 如何理解JavaScript的原型和原型链? - 掘金
- JS当中,获取原型的三种方式和两种原型的使用方法_JavaScript_amensia_ZhangSan的博客-CSDN博客
- js中如何查看原型_JavaScript_qq_34057640的博客-CSDN博客
- isPrototypeOf、instanceof、hasOwnProperty函数介绍 - 简书
- js关于原型,原型链的面试题 - ken丶123 - 博客园
- 简单理解js的prototype属性 - 循环源圈 - 博客园
- 深入理解js的prototype以及prototype的一些应用 - 循环源圈 - 博客园
- isPrototypeOf&&getPrototypeOf - 猴子猿 - 博客园
- isPrototypeOf和 instanceof 的区别 - Arthur007 - 博客园
- 图解 JavaScript 原型与原型链
- 理解Javascript的原型和原型链
- 轻松理解JS中的面向对象,顺便搞懂prototype和__proto__
- 进阶必读:深入理解 JavaScript 原型
¥继承
- JavaScript中的函数继承 - 掘金
- JavaScript常用八种继承方案 - 掘金
- 记不住的继承方式 - 掘金
- 浅谈JS的继承 - 掘金
- 【前端词典】继承(一) - 面试官问的你都会吗? - 掘金
- JavaScript 七大继承全解析 - 掘金
- ES5实现继承的那些事 - 掘金
- JS实现继承的几种方式 - 幻天芒 - 博客园
- JavaScript 继承的应用与解析
- 一文完全吃透 JavaScript 继承(面试必备良药)
inherits
- isaacs/inherits: Easy simple tiny inheritance in JavaScript
- 你们真的了解JS的继承嘛? - SegmentFault 思否
- 一篇文章理解JS继承——原型链/构造函数/组合/原型式/寄生式/寄生组合/Class extends - SegmentFault 思否
- 继承与原型链 | MDN
- 小议JS原型链、继承 - 掘金
- 深入理解JavaScript原型链与继承 - 掘金
¥TypeScript
TypeScript core
Advanced Types
- TypeScript: Handbook - Advanced Types
- TypeScript: Handbook - Advanced Types
Utility Types
- TypeScript: Handbook - Utility Types
- TypeScript: Handbook - Utility Types
Decorators
- TypeScript: Handbook - Decorators
- Decorators · TypeScript
- 装饰器 · TypeScript中文网 · TypeScript——JavaScript的超集
Declaration Merging
- TypeScript: Handbook - Declaration Merging
- TypeScript: Handbook - Declaration Merging
Iterators and Generators
- TypeScript: Handbook - Iterators and Generators
- TypeScript: Handbook - Iterators and Generators
JSX
- TypeScript: Handbook - JSX
- TypeScript: Handbook - JSX
Mixins
- TypeScript: Handbook - Mixins
- TypeScript: Handbook - Mixins
Modules
- TypeScript: Handbook - Modules
- TypeScript: Handbook - Modules
Module Resolution
- TypeScript: Handbook - Module Resolution
- TypeScript: Handbook - Module Resolution
Namespaces
- TypeScript: Handbook - Namespaces
- TypeScript: Handbook - Namespaces
Namespaces and Modules
- TypeScript: Handbook - Namespaces and Modules
- TypeScript: Handbook - Namespaces and Modules
Symbols
- TypeScript: Handbook - Symbols
- www.typescriptlang.org
Triple-Slash Directives
- TypeScript: Handbook - Triple-Slash Directives
- TypeScript: Handbook - Triple-Slash Directives
Type Compatibility
- TypeScript: Handbook - Type Compatibility
- TypeScript: Handbook - Type Compatibility
Type Inference
- TypeScript: Handbook - Type Inference
- TypeScript: Handbook - Type Inference
Variable Declaration
- TypeScript: Handbook - Variable Declaration
- TypeScript: Handbook - Variable Declaration
strictPropertyInitialization
- javascript - Property '...' has no initializer and is not definitely assigned in the constructor - Stack Overflow
- angular - How to resolve 'Property 'foo' has no initializer and is not definitely assigned in the constructor' when using @Input decorator? - Stack Overflow
typescript-operator
- Typescript & operator - Stack Overflow
tsconfig.json
- tsconfig.json · TypeScript
- tsconfig.json · TypeScript
- 编译选项 · TypeScript中文网 · TypeScript——JavaScript的超集
- json.schemastore.org/tsconfig
类型
类型断言
- typescript中不得不知的安全导航操作符 ( ?. )和非空断言操作符(!.) - 简书
- TypeScript 非空断言 | 全栈修仙之路
- TS——类型断言 - zzalmo - 博客园
- typescript 类型基础
- microsoft/TypeScript: TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
- xcatliu/typescript-tutorial: TypeScript 入门教程
- TypeScript/spec.md at master · microsoft/TypeScript
- TypeScript - JavaScript that scales.
- TypeScript中文网
- TypeScript中文网 · TypeScript——JavaScript的超集
- TypeScript 3.2 · TypeScript
- Compiler Options · TypeScript
- 文档简介 · TypeScript中文网 · TypeScript——JavaScript的超集
- 模板 · 声明文件 · TypeScript中文网 · TypeScript——JavaScript的超集
- Introduction · TypeScript Handbook(中文版)
- TypeScript Types Search
- JavaScript 全栈工程师培训教程 - 阮一峰的网络日志
TypeScript libs、plugins&tools
create-exposed-app
- iamturns/create-exposed-app: App generator with everything exposed for maximum control
TypeScript-Babel-Starter
- Microsoft/TypeScript-Babel-Starter: A sample setup using Babel CLI to build TypeScript code, and using TypeScript for type-checking.
TypeScript-Node-Starter
- microsoft/TypeScript-Node-Starter: A starter template for TypeScript and Node with a detailed README describing how to use the two together.
TypeScript-React-Starter
- Microsoft/TypeScript-React-Starter: A starter template for TypeScript and React with a detailed README describing how to use the two together.
- microsoft/TypeScript-React-Starter: A starter template for TypeScript and React with a detailed README describing how to use the two together.
TypeScript-Vue-Starter
- microsoft/TypeScript-Vue-Starter: A starter template for TypeScript and Vue with a detailed README describing how to use the two together.
TypedJSON
- JohnWeisz/TypedJSON: Typed JSON parsing and serializing for TypeScript that preserves type information.
Xterm.js
- 初窥Xterm.js - 掘金
ts-node
- TypeStrong/ts-node: TypeScript execution and REPL for node.js
TypeScript 资源、整理集&FAQ
TypeScript 资源
@types / DefinitelyTyped
- DefinitelyTyped/DefinitelyTyped: The repository for high quality TypeScript type definitions.
- DefinitelyTyped/tsd: [DEPRECATED] TypeScript Definition manager for DefinitelyTyped
- DefinitelyTyped/types/lodash at master · DefinitelyTyped/DefinitelyTyped
- npm
- @types/url-join - npm
- @types/proper-url-join - npm
- @types/zxcvbn - npm
- @types/validator - npm
- @types/validatorjs - npm
- @types/html-validator - npm
- @types/qs - npm
- @types/append-query - npm
- @types/globalthis - npm
- @types/jsdom-global - npm
- @types/window-or-global - npm
- @types/url-search-params - npm
- @types/ungap__url-search-params - npm
- @types/js-cookie - npm
- @types/crypto-js - npm
- @types/stompjs - npm
- @types/lodash - npm
- @types/hapi__joi - npm
- definitelytyped-header-parser - npm
- UNPKG - @types/react
- Home | DefinitelyTyped
- 在 Typescript 2.0 中使用 @types 类型定义 - 冠军 - 博客园
- @types/passport - npm
- @types/passport-jwt - npm
- @types/sequelize - npm
- @types/bull - npm
- @types/graphql-type-json - npm
awesome-typescript
- semlinker/awesome-typescript: A collection of awesome TypeScript resources for client-side and server-side development
dts-gen
- microsoft/dts-gen: dts-gen creates starter TypeScript definition files for any module or library.
typings
- typings/typings: *DEPRECATED* The TypeScript Definition Manager
- vue/types at dev · vuejs/vue
- vue-router/types at dev · vuejs/vue-router
- vuex/types at dev · vuejs/vuex
- vue CDN by jsDelivr - A free, fast, and reliable Open Source CDN
typescript-book
typescript-book-chinese
- jkchao/typescript-book-chinese: TypeScript Deep Dive 中文版
- basarat/typescript-book: The definitive guide to TypeScript and possibly the best TypeScript book . Free and Open Source 🌹
- Introduction - TypeScript Deep Dive
- satya164/typescript-template: Template repository for TypeScript projects with Babel
- dizmo/types-global: Global type declarations
- TypeScript Roadmap: January - June 2019 · Issue #29288 · Microsoft/TypeScript
- typescript-cheatsheets/utilities: a list of typescript helper libraries
- Learn to code professional, production-grade TypeScript in this course by TypeScript expert Mike North
- 前端工具类项目规范化-使用TS - 掘金
- 【开源】一个 React + TS 项目模板 - 掘金
- Webpack 转译 Typescript 现有方案 - 掘金
- TS 常见问题整理(60多个,持续更新ing) - 掘金
- TypeScript体系调研报告 - 掘金
- 1.2W字 | 了不起的 TypeScript 入门教程
- 一文读懂 TypeScript 泛型及应用( 7.8K字)
- 技术胖的 TypeScript免费视频图文教程(2W字)
- Effective Typescript:使用Typescript的n个技巧 - 知乎
TypeScript 整理集
《Typescript入门》
- Typescript入门之基本类型(一) - 掘金
- Typescript入门之基本类型(二) - 掘金
- Typescript入门之数组与元组 - 掘金
- Typescript入门之接口 - 掘金
《TypeScript 演化史》
- 【TypeScript 演化史 -- 1】non-nullable 的类型 - 掘金
- 【TypeScript 演化史 -- 2】基于控制流的类型分析 和 只读属性 - 掘金
- 【TypeScript 演化史 -- 3】标记联合类型 与 never 类型 - 掘金
- 【TypeScript 演化史 -- 4】更多的字面量类型 与 内置类型声明 - 掘金
- 【TypeScript 演化史 -- 5】将 async/await 编译到 ES3/ES5 (外部帮助库) - 掘金
- 【TypeScript 演化史 -- 6】对象扩展运算符和 rest 运算符及 keyof 和查找类型 - 掘金
- 【TypeScript 演化史 -- 7】映射类型和更好的字面量类型推断 - 掘金
- 【TypeScript 演化史 -- 8】字面量类型扩展 和 无类型导入 - 掘金
- (译)【TypeScript 演化史 -- 9】object 类型 和 字符串索引签名类型的点属性 - 掘金
- TypeScript 演化史 -- 10】更好的空值检查 和 混合类 - 掘金
- 【TypeScript 演化史 -- 11】泛型参数默认类型 和 新的 --strict 编译选项 - 掘金
《TypeScript 简明教程》
- TypeScript 简明教程:认识 TypeScript - 掘金
- TypeScript 简明教程:安装 TypeScript - 掘金
- TypeScript 简明教程:基本类型(一) - 掘金
- TypeScript 简明教程:基本类型(二) - 掘金
- TypeScript 简明教程:接口、函数与类 - 掘金
《TypeScript + React最佳实践》
- TypeScript + React最佳实践-第一节:Component类型化
- TypeScript + React最佳实践-第二节:Redux类型化(1)
- TypeScript + React最佳实践-第二节:Redux类型化(2)——如何实现类型安全的model(1)
- TypeScript + React最佳实践-第二节:@tkit/model - React 全局和局部状态管理方案
- TypeScript + React最佳实践 - 第三节:Service类型化(1) - sm2tsservice技术方案介绍
- TypeScript + React最佳实践 - 第三节:Service类型化(2) - Graphql类型化
- TypeScript + React最佳实践 - 第四节:针对 TypeScript 类型的单元测试
《TS简明教程》
- (...) TS简明教程(1)_程序开发 - SegmentFault 思否
- (...) TS简明教程(2)——类与接口_程序开发 - SegmentFault 思否
- (...) TS简明教程(3)_程序开发 - SegmentFault 思否
- (...) TS简明教程(4)——装饰器_程序开发 - SegmentFault 思否
《巧用 TypeScript》
- 巧用 TypeScript (一) - 掘金
- 巧用 TypeScript(二) - 掘金
- 巧用 TypeScript(三) - 掘金
- 巧用 TypeScript(四) - 掘金
- 巧用 TypeScript(五)-- infer - 掘金
《从 JavaScript 到 TypeScript》
- 从 JavaScript 到 TypeScript 1 - 什么是 TypeScript - blog
- 从 JavaScript 到 TypeScript 2 - 基础特性和类型推导 - blog
- 从 JavaScript 到 TypeScript 3 - 引入和编译 - blog
- 从 JavaScript 到 TypeScript 4 - 装饰器和反射 - blog
- 从 JavaScript 到 TypeScript 5 - 路由进化 - blog
- 从 JavaScript 到 TypeScript 6 - Vue 引入 TypeScript - blog
《类型即正义:TypeScript 从入门到实践》
- 类型即正义:TypeScript 从入门到实践(序章) - 掘金
- 类型即正义:TypeScript 从入门到实践(一) - 掘金
- 类型即正义:TypeScript 从入门到实践(二) - 掘金
- 类型即正义:TypeScript 从入门到实践(三):类型别名和类 - 掘金
- 类型即正义:TypeScript 从入门到实践(四):5000字长文带你重新认识泛型 - 掘金
- (三万字长文)类型即正义:TypeScript 从入门到实践系列,正式完结!
- TypeScript 基础入门(一) - 掘金
- 2.TypeScript 基础入门(二) - 掘金
- TypeScript 入门系列 | TypeScript 基础(一) - 掘金
- TypeScript 入门系列 | TypeScript 基础(二) - 掘金
- 从零开始配置 TypeScript 项目
- 一份不可多得的 TS 学习指南(1.8W字)
- 文章汇总(挖坑大全) - 知乎
- 掌握 TS 这些工具类型,让你开发事半功倍
TypeScript FAQ
- typescript 中的 interface 和 type 到底有什么区别? · Issue #7 · Weiyu-Chen/blog
- weekly/058.精读《Typescript2.0 - 2.9》.md at 7de3c77c3bdd7304c9e4b0c0f70c3ba6968ebd29 · dt-fe/weekly
- weekly/084.精读《Typescript 3.2 新特性》.md at v2 · dt-fe/weekly
- typescript - Add variable to window - Stack Overflow
- Announcing TypeScript 4.0 Beta | TypeScript
- 前言 - TypeScript 入门教程
- 在 TS 中如何减少重复代码
- TypeScript 3.3来了!快看看有什么新功能 - 掘金
- Typesctipt 定义定长列表的类型 - 掘金
- [译] TypeScript 和 Babel:一场美丽的婚姻 - 掘金
- TypeScript 中的多种 import 解义 - 前端 - 掘金
- 使用 TypeScript + React + Redux 进行项目开发(入门篇,附源码) - 掘金
- 一文学懂 TypeScript 的类型 - 掘金
- 🔌 TS 的 Interface 了解一下? - 掘金
- TypeScript从入门到精通 - 前端 - 掘金
- 从零开始学typescript构建一个rest风格web服务 - 掘金
- 聊聊TypeScript中类、接口之间相互继承与实现的那些事儿 - 掘金
- typescript + react 项目开发体验之typescript - 掘金
- 【译】30 分钟入门 Typescript - 掘金
- Typescript 最佳实践 - 掘金
- TypeScript入门完全指南(基础篇) - 掘金
- 「译」深入typescript系列1 - 掘金
- TypeScript 参数简化实战(进阶知识点conditional types,中高级必会) - 掘金
- 一文读懂 TS 中 Object, object, {} 类型之间的区别
- 精读《Typescript 4》
- 用typescript打造一个性能强悍的web聊天室
- "无 Typescript" 编程
- 细数这些年被困扰过的 TS 问题
- TS2669: Augmentations for the global scope can only be directly nested in external modules...的解决方案_JavaScript_HermitSun的博客-CSDN博客
- typescript数组类型_javascript_马优晨-CSDN博客
- 深入typescript类型系统:重载与子类型 - 知乎
- 类型有了,实现就接踵而至 - 知乎
- Typescript Tips: 动态重载实现廉价版dependent type - 知乎
- ts类型编程实战(一):修复rematch类型问题 - 知乎
- 深入typescript类型系统(二): 泛型和类型元编程 - 知乎
- 详解Typescript里的This - 知乎
- ts跳过类型检查_heimi_新浪博客
- TypeScript中都有哪些数据类型-文末送书
- 从零开始配置 TypeScript 项目
- TypeScript的文章和教程为什么目前为止没有一个我特别满意?
- 你不知道的 TypeScript 泛型(1万字长文,建议收藏)
- 分类: TypeScript学习笔记 | banggan's Blog
- TS 的装饰器还可以这样用 | 掘金技术征文-双节特别篇
- 细数 TS 中那些奇怪的符号
- TypeScript怎么写React Hooks | 掘金技术征文-双节特别篇
- 陪尤雨溪一起,实现 Vuex 无限层级类型推断。(TS 4.1 新特性)
- 【万字长文】深入理解 Typescript 高级用法
- TypeScript的另一面:类型编程
- 旧项目 TypeScript 改造问题与解决方案记
- Typescript代码整洁之道
¥编译原理
global、self、this&window
#globalThis
- es-shims/globalThis: ECMAScript spec-compliant polyfill/shim for `globalThis`.
- staltz/prevent-global-this: Don't let TC39 use globalThis
- ungap/global-this: A cross engine globalThis
#this
- 淺談 JavaScript 頭號難題 this:絕對不完整,但保證好懂 · Issue #39 · aszx87410/blog
- Understanding JavaScript Function Invocation and "this"
- JavaScript中的this - 掘金
- JavaScript中的this详解 - 掘金
- 【翻译】理解JS的函数调用和‘this’的指向 - 掘金
- 理解 JavaScript 中的 this - 掘金
- 揭秘JavaScript中“神秘”的this关键字 - 掘金
- 嗨,你真的懂this吗? - 掘金
- 一文看穿JavaScript中this的圈圈绕 - 掘金
- JavaScript中this指向的总结 - 掘金
- 一文彻底搞懂 Javascript 的 this(含 ES6+) - 掘金
- 对阮一峰《ES6 入门》中箭头函数 this 描述的探究 - 掘金
- 10分钟掌握JS函数中this指针的指向
- 面试官问:JS的this指向
- 一文弄懂 this 的前世今生
- purposeindustries/window-or-global
- (2条消息) js中window.parent和window.opener,window.self、window.top用法_LeBlock的博客-CSDN博客
- 判断当前window对象是否为顶级窗口的两种方法 - hustnzj的个人页面 - OSCHINA - 中文开源技术交流社区
- js判断当前页面是顶级窗口 - 发疯的man - 博客园
LHS和RHS查询
- JavaScript中的LHS和RHS查询 - 掘金
闭包
- 用垃圾回收机制解释JavaScript中的闭包 - 掘金
- [译]发现 JavaScript 中闭包的强大威力 - 掘金
- 理解 JavaScript 中的闭包 - 掘金
- 循环中的异步&&循环中的闭包 - 掘金
- 前端小秘密系列之闭包 - 掘金
- 我从来不理解JavaScript闭包,直到有人这样向我解释它 - 掘金
- 深入理解JavaScript闭包之闭包的使用场景
- 深入理解JavaScript的闭包特性 如何给循环中的对象添加事件 - gaoshanwudi的专栏 - CSDN博客
- (...) 深入理解JavaScript闭包之什么是闭包_前端小码农 - SegmentFault 思否
- 「译」理解Javascript的闭包
- 如何让将js闭包内部局部变量全部删除_百度知道
作用域
可视化上下文作用域变量
- tylermcginnis/javascriptvisualizer: A tool for visualizing Execution Context, Hoisting, Closures, and Scopes in JavaScript.
- JavaScript Visualizer
- 与作用域相关的闭包、内存泄漏、this - 掘金
- 理解 JavaScript 中的作用域 - 掘金
- 精华提炼「你不知道的 JavaScript」之作用域和闭包 - 掘金
- 理解JavaScript的核心知识点:作用域 - 掘金
- 「译」理解Javascript的作用域和作用域链
错误类型
Uncaught SyntaxError
- vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token <" 报错 - 个人文章 - SegmentFault 思否
- js报Uncaught SyntaxError: Unexpected token <错误 解决方法 - 简书
- "Uncaught SyntaxError: Unexpected token <"错误完美解决_太平洋学习网|一个最全的javaweb,js,css,html5,csdn,android,linux的学习网站。
- Error | MDN
- EvalError | MDN
- InternalError | MDN
- RangeError | MDN
- ReferenceError | MDN
- SyntaxError | MDN
- TypeError | MDN
- URIError | MDN
- 详解JavaScript中的六种错误类型_javascript技巧_脚本之家
- js的各种错误类型 - 炎泽 - 博客园
执行上下文(Execution Context)、堆&栈(stack)
- 理解 JavaScript 中的执行上下文 - 掘金
- 聊一聊JavaScript中的执行上下文和堆栈 - 掘金
- [译] 理解 JavaScript 中的执行上下文和执行栈 - 掘金
- JS中的执行上下文(Execution Context)和栈(stack) - 简书
- Javascript中递归造成的堆栈溢出及解决方案 - Benjamin-zuo - 博客园
- Javascript中递归造成的堆栈溢出及解决方案 – FED实验室 - 专注WEB端开发和用户体验
- 理解 JavaScript 中的执行上下文
- JS夯实之执行上下文与词法环境 - 掘金
尾调用/尾递归
- Javascript中的尾递归及其优化 - 掘金
- Using trampolines to manage large recursive loops in JavaScript - LogRocket Blog
- Tail call optimization in ECMAScript 6
- 怎样避免JavaScript中过长递归导致的堆栈溢出? - 知乎
变量提升
- 理解Javascript的变量提升
编译器&解释器
Acorn
- acornjs/acorn: A small, fast, JavaScript-based JavaScript parser
- 使用 Acorn 来解析 JavaScript
Esprima
- jquery/esprima: ECMAScript parsing infrastructure for multipurpose analysis
- Esprima
giao-js
- webfansplz/giao-js: Mini Javascript Interpreter
- 「 giao-js 」用js写一个js解释器
jsjs
- bramblex/jsjs: 简易的 JavaScript 元循环解释器
Shift Parser
- shapesecurity/shift-parser-js: ECMAScript parser that produces a Shift format AST
- tree-sitter/tree-sitter: An incremental parsing system for programming tools
- 【图文详解】200行JS代码,带你实现代码编译器(人人都能学会) - 掘金
- doodlewind/mocha1995: ☕️ The world's first JavaScript engine written in 1995 by Brendan Eich, now compiled back to JS and WASM!
- 我把世界上第一个 JS 引擎编译回了 JS
语法树(Syntax Tree)
#抽象语法树(Abstract Syntax Tree,AST)
Extensible Abstract Syntax Tree
- syntax-tree/xast: Extensible Abstract Syntax Tree
- syntax-tree/xastscript: utility to create xast trees
- syntax-tree/xast-util-from-xml: utility to parse from XML
- syntax-tree/xast-util-to-string: xast utility to get the text value of a node
- syntax-tree/xast-util-to-xml: utility to serialize to XML
Hypertext Abstract Syntax Tree
- syntax-tree/hast: Hypertext Abstract Syntax Tree format
- syntax-tree/hast-util-to-nlcst: utility to transform hast to nlcst
- syntax-tree/hast-util-to-xast: utility to transform to xast (xml)
- syntax-tree/hastscript: utility to create hast trees
- syntax-tree/hast-to-hyperscript: utility to transform hast to something else through a hyperscript DSL
- syntax-tree/hast-util-assert: utility to assert hast nodes
- brechtcs/hast-util-class-list: Simulate the browser's classList API for HAST nodes
- syntax-tree/hast-util-classnames: utility to merge class names together
- syntax-tree/hast-util-embedded: utility to check if a node is an embedded element
- syntax-tree/hast-util-find-and-replace: utility to find and replace text in a hast tree
- syntax-tree/hast-util-from-dom: utility to transform a DOM tree to hast
- syntax-tree/hast-util-from-parse5: utility to transform Parse5’s AST to hast
- syntax-tree/hast-util-from-selector: utility to parse CSS selectors to hast nodes
- rehype-minify/packages/hast-util-from-string at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
- syntax-tree/hast-util-from-text: utility to set the plain-text value of a node according to the `innerText` algorithm
- syntax-tree/hast-util-has-property: utility to check if a node has a property
- syntax-tree/hast-util-heading: utility to check if a node is a heading element
- syntax-tree/hast-util-heading-rank: utility to get the rank (or depth, level) of headings
- syntax-tree/hast-util-interactive: utility to check if a node is interactive
- rehype-minify/packages/hast-util-is-body-ok-link at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
- rehype-minify/packages/hast-util-is-conditional-comment at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
- rehype-minify/packages/hast-util-is-css-link at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
- rehype-minify/packages/hast-util-is-css-style at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
- syntax-tree/hast-util-is-element: utility to check if a node is a (certain) element
- rehype-minify/packages/hast-util-is-event-handler at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
- rehype-minify/packages/hast-util-is-javascript at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
- syntax-tree/hast-util-labelable: utility to check whether a node is labelable
- syntax-tree/hast-util-menu-state: utility to get the state of a menu element
- syntax-tree/hast-util-parse-selector: utility to create an element from a simple CSS selector
- syntax-tree/hast-util-phrasing: utility to check if a node is phrasing content
- syntax-tree/hast-util-raw: utility to reparse a hast tree
- syntax-tree/hast-util-sanitize: utility to sanitize hast nodes
- syntax-tree/hast-util-script-supporting: utility to check if a node is a script-supporting element
- syntax-tree/hast-util-select: utility to add `querySelector`, `querySelectorAll`, and `matches` support for hast
- syntax-tree/hast-util-sectioning: utility to check if a node is a sectioning element
- syntax-tree/hast-util-shift-heading: utility to change heading rank (or depth, level) in hast
- mapbox/hast-util-table-cell-style: Transform deprecated styling attributes on HAST table cells to inline styles.
- syntax-tree/hast-util-to-dom: utility to transform hast to a DOM tree
- syntax-tree/hast-util-to-html: utility to serialize hast to HTML
- jsxtreme-markdown/packages/hast-util-to-jsx at a8eb8db936933921438b48ea247bd80ca7bc4aad · mapbox/jsxtreme-markdown
- syntax-tree/hast-util-to-mdast: utility to transform hast (HTML) to mdast (markdown)
- syntax-tree/hast-util-to-parse5: utility to transform hast to Parse5’s AST
- rexxars/hast-util-to-portable-text: Utility to transform hast to portable text
- syntax-tree/hast-util-to-snabbdom: utility to transform to a Snabbdom tree
- rehype-minify/packages/hast-util-to-string at 3e1903a2bbc4c5a9d56812ca2d050fe4f36b84c4 · rehypejs/rehype-minify
- syntax-tree/hast-util-to-text: utility to get the plain-text value of a node according to the `innerText` algorithm
- syntax-tree/hast-util-transparent: utility to check if a node is a transparent element
- syntax-tree/hast-util-whitespace: utility to check if a node is inter-element whitespace
- prettyhtml/packages/hast-util-from-webparser at 5db9a8b7357d57a1997b6c293a9eaaab8afd6108 · Prettyhtml/prettyhtml
Markdown Abstract Syntax Tree
- syntax-tree/mdast: Markdown Abstract Syntax Tree format
- syntax-tree/mdast-util-from-markdown: mdast utility to parse markdown
- syntax-tree/mdast-util-assert: utility to assert mdast trees
- mike-north/mdast-builder: Build a mdast structure w/ composable functions
- syntax-tree/mdast-comment-marker: utility to parse a comment marker in mdast
- syntax-tree/mdast-util-compact: utility to make an mdast tree compact
- syntax-tree/mdast-util-definitions: utility to find definition nodes in an mdast tree
- syntax-tree/mdast-util-from-quill-delta: utility to transform Quill delta to mdast
- syntax-tree/mdast-util-heading-range: utility to use headings as ranges in mdast
- syntax-tree/mdast-util-heading-style: utility to get the style of an mdast heading
- anandthakker/mdast-util-inject: Mdast utility to inject some markdown content into some other markdown at a certain heading
- syntax-tree/mdast-normalize-headings: utility to make sure there is no more than a single top-level heading in the document
- syntax-tree/mdast-util-phrasing: utility to check if an mdast node is phrasing content
- syntax-tree/mdast-squeeze-paragraphs: utility to remove empty paragraphs from an mdast tree
- syntax-tree/mdast-util-toc: utility to generate a table of contents from an mdast tree
- syntax-tree/mdast-util-to-hast: utility to transform mdast to hast
- syntax-tree/mdast-util-to-nlcst: utility to transform mdast to nlcst
- syntax-tree/mdast-util-to-string: utility to get the plain text content of an mdast node
- syntax-tree/mdast-zone: utility to treat HTML comments as ranges or markers in mdast
- syntax-tree/mdast-util-directive: mdast extension to parse and serialize generic directives (`:cite[smith04]`)
- syntax-tree/mdast-util-footnote: mdast extension to parse and serialize footnotes
- syntax-tree/mdast-util-frontmatter: mdast extension to parse and serialize frontmatter (YAML, TOML, etc)
- syntax-tree/mdast-util-gfm: mdast extension to parse and serialize GFM (GitHub Flavored Markdown)
- syntax-tree/mdast-util-gfm-autolink-literal: mdast extension to parse and serialize GFM autolink literals
- syntax-tree/mdast-util-gfm-strikethrough: mdast extension to parse and serialize GFM strikethrough
- syntax-tree/mdast-util-gfm-table: mdast extension to parse and serialize GFM tables
- syntax-tree/mdast-util-gfm-task-list-item: mdast extension to parse and serialize GFM task list items
- syntax-tree/mdast-util-math: mdast extension to parse and serialize math
- syntax-tree/mdast-util-to-markdown: mdast utility to serialize markdown
- syntax-tree/mdast-util-mdx-expression: mdast extension to parse and serialize MDX or MDX.js expressions
- syntax-tree/mdast-util-mdx-jsx: mdast extension to parse and serialize MDX or MDX.js JSX
- syntax-tree/mdast-util-mdxjs-esm: mdast extension to parse and serialize MDX.js ESM (import/exports)
- staltz / mdast-add-list-metadata · GitLab
- staltz / mdast-flatten-image-paragraphs · GitLab
- staltz / mdast-flatten-listitem-paragraphs · GitLab
- staltz / mdast-flatten-nested-lists · GitLab
- staltz / mdast-move-images-to-root · GitLab
- syntax-tree/mdast-util-mdx: mdast extension to parse and serialize MDX (or MDX.js)
- syntax-tree
- SBoudrias/AST-query: Tentative to a simple JavaScript AST modification library
- abell123456/AST-: 收集业界AST解析相关实现,含:HTML/JS/CSS/JSON/MARKDOWN
- AST explorer
- AST 团队分享 | chengyuming
- 平庸前端码农之蜕变 — AST - 掘金
- 手把手教你写几个实用的的AST插件 - 掘金
- AST原理,让你蜕变为高级前端工程师的原理
- babel插件入门-AST(抽象语法树) - 掘金
- 手把手教你写几个实用的AST插件
- 使用LL算法构建AST —— 编程训练
Natural Language Concrete Syntax Tree
- syntax-tree/nlcst: Natural Language Concrete Syntax Tree format
- syntax-tree/nlcst-affix-emoticon-modifier: utility to merge affix emoticons into the previous sentence in nlcst
- syntax-tree/nlcst-emoji-modifier: utility to support emoji in nlcst
- syntax-tree/nlcst-emoticon-modifier: utility to support emoticons in nlcst
- syntax-tree/nlcst-is-literal: utility to check whether an nlcst node is meant literally
- syntax-tree/nlcst-normalize: utility to normalize an nlcst word for easier comparison
- syntax-tree/nlcst-search: utility to search for patterns in an nlcst tree
- syntax-tree/nlcst-to-string: utility to transform an nlcst tree to a string
- syntax-tree/nlcst-test: utility to check assert an nlcst node
Universal Syntax Tree
- syntax-tree/unist: Universal Syntax Tree used by @unifiedjs
unified
- unifiedjs/unified: ☔️ interface for parsing, inspecting, transforming, and serializing content through syntax trees
- unifiedjs/awesome-unified: Curated list of awesome unified resources
- unified
- unified
- syntax-tree/.github: Community health files for syntax-tree, unist, hast, xast, mdast, and nlcst
- syntax-tree/ideas: Share ideas for new utilities and tools built with @syntax-tree
- syntax-tree/awesome-syntax-tree: Curated list of awesome syntax-tree, unist, hast, xast, mdast, nlcst resources
- .github/code-of-conduct.md at 4077d479012da74f551d4d662c0f2a28e0d577d7 · syntax-tree/.github
递归(Recursion)
- Recursion Tree Visualizer
- ascoders/syntax-parser: Light and fast 🚀parser! With zero dependents.
- jrainlau/canjs: CanJS is a javascript interpreter, which can run JS code in JS.
- 精读《syntax-parser 源码》 - 掘金
- https://juejin.im/entry/5c0538245188257c3045ccc3
- 关于var a = 2; JS干了什么? - 掘金
- JavaScript的工作原理:引擎,运行时和调用堆栈 - 掘金
- 模拟实现 JS 引擎:深入了解 JS机制 以及 Microtask and Macrotask - 掘金
- 温故而知新:JS变量提升与时间死区 - 掘金
- 从敲下一行JS代码到这行代码被执行,中间发生了什么?
¥运算符
与、或、异或运算
- 按位操作符 | MDN
- JavaScript骚操作之操作符 - 掘金
- 与、或、异或运算 - CSDN博客
- &(与运算)、|(或运算)、^(异或运算)的本质理解 - CSDN博客
- JS运算符&&和|| 及其优先级 - CSDN博客
- 深入理解按位异或运算符 - 我所向往的美好 - 博客园
- JavaScript中奇葩的假值 - snandy - 博客园
默认参数、解构赋值与扩展运算符
- 使用解构赋值与扩展运算符,让你的代码更优雅 - 掘金
- ES6 函数参数的默认值 - qq_32021031的博客 - CSDN博客
- es6 函数参数的默认值与解构赋值的默认值结合使用理解 - liuz - CSDN博客
- ES6-一个关于函数解构赋值默认值的有趣案例 - Mofier的博客 - CSDN博客
- ES6解构赋值中函数参数的默认值? - SegmentFault 思否
- ES6的扩展运算符和剩余操作符的对比和应用 - 简书
- ES6/ES2015中的解构和扩展运算符 - 孙氏楼 - 博客园
- ES6 扩展运算符 三点(...) - 狂奔的小马扎 - 博客园
- 运算符优先级 - JavaScript | MDN
- JavaScript 那些写出来会被同事揍的骚操作 - 掘金
- true || false && false - 掘金
- []==''返回?为什么?运算符==进行了什么操作? - 掘金
- JavaScript阴沟里翻船之运算符优先级 - 掘金
- 都2020了,还不懂js运算符优先级? - 掘金
- 五分钟带你领略: 位运算操作之美 - 掘金
- 万字长文图解七道超高频位运算面试题!
¥并发控制
- 15 行代码实现并发控制(javascript) · Issue #2 · SunshowerC/blog
- chenjigeng/requestDecorator: requestDecorator
- 动手实现并发请求控制
- 「面试官问」批量请求数据实现-限制并发量
- 多种方式实现 LazyMan
- 23行代码实现一个带并发数限制的fetch请求函数
- 不到50行代码实现一个能对请求并发数做限制的通用RequestDecorator
- 2w字 + 40张图带你参透并发编程!
¥进制
文件与二进制
bitjs
- codedread/bitjs: Binary Tools for JavaScript
- 浏览器中的二进制以及相关转换 - 山月的个人博客
- js对文件和二进制操作的一些方法汇总 - 掘金
- JavaScript 读写二进制数据 - 掘金
- 浏览器端的二进制以及相关操作与转换 - 掘金
- [1.3万字] 玩转前端二进制
- 关于二进制的一点小思考
- 从图片裁剪来聊聊前端二进制
数值问题
- 从标准原理出发理解 JavaScript 数值精度 - 掘金
八进制转义字符转中文
- Javascript八进制转义字符转中文 - 简书
- 进制转换 - 在线工具
- javascript 进制转换(2进制、8进制、10进制、16进制之间的转换) - CSDN博客
- JS 二进制转10进制 带符号 - CSDN博客
- JS十进制,十六进制,八进制,二进制他们的转换总结 - CSDN博客
¥模板引擎
#other 模板引擎
- Topic: tagged-template
- tmodjs/README.md at master · aui/tmodjs
- aui/tmodjs: 前端模板外置解决方案
- https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/template_strings
- Template literals - JavaScript | MDN
- John Resig - JavaScript Micro-Templating
- EJS - JavaScript Templates
- So you need a template engine..
- 非转义序列的模板字符串 | esnext | es6 es7 es2017 es2018 es2019
- 关于高效、高质和高产 - 掘金
- 60行代码实现简单模板语法 - 掘金
- 模板引擎的整理归纳
- 坚持造轮子第一天 - 模板引擎
- [译] 只有 20 行的 JavaScript 模板引擎 - Jrain-前端玩具盆 - SegmentFault 思否
art-template
- aui/art-template: High performance JavaScript templating engine
- art-template
- art-template
- artTemplate
- arttemplate - Awesomes
- 高性能JavaScript模板引擎原理解析 – 腾讯CDC
BaiduTemplate
- BaiduFE/BaiduTemplate: 前端模板
- BaiduTemplate模板引擎
Consolidate.js
- tj/consolidate.js: Template engine consolidation library for node.js
doT.js
- olado/doT: The fastest + concise javascript template engine for nodejs and browsers. Partials, custom delimiters and more.
- doT.js - the fastest and concise javascript template engine for Node.js and browsers
domjs
- medikoo/domjs: DOM template engine for client and server
dustjs
- linkedin/dustjs: Asynchronous Javascript templating for the browser and server
- dust
- Dust.js by LinkedIn
etpl
- ecomfe/etpl: ETPL是一个强复用、灵活、高性能的JavaScript模板引擎,适用于浏览器端或Node环境中视图的生成。
- ETpl - Enterprise Template
ejs
- tj/ejs: Embedded JavaScript templates for node
- mde/ejs: Embedded JavaScript templates -- http://ejs.co
- sail-sail/ejsExcel: nodejs excel template engine. node export excel
- EJS -- Embedded JavaScript templates
- EJS -- 嵌入式 JavaScript 模板引擎 | EJS 中文文档
- ejsexcel
fxtpl
- koen301/fxtpl: 全新的JS模板引擎
- Fxtpl
handlebars.js
- handlebars-lang/handlebars.js
- wycats/handlebars.js
- Handlebars
- Handlebars.js 模板引擎 | Ghost中文网
hogan.js
- twitter/hogan.js: A compiler for the Mustache templating language
- Hogan.js
Jade templates
- pugjs/pug: Pug – robust, elegant, feature rich template engine for Node.js
- bluewings/pug-as-jsx-loader
- donpark/html2jade: Converts HTML to Jade template. Not perfect but useful enough for non-daily conversions.
- naltatis/jade-syntax-docs: Jade Template Syntax by example
- pugjs/babel-plugin-transform-react-pug: A plugin for transpiling pug templates to jsx
- Getting Started – Pug
jsrender
- BorisMoore/jsrender: A lightweight, powerful and highly extensible templating engine. In the browser or on Node.js, with or without jQuery.
- JsRender: Demos
- JsRender/JsViews
- JsRender/JsViews
- jsrender - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!
Juicer
- PaulGuo/Juicer: A Light Javascript Templete Engine.
layui.laytpl
- 模板引擎文档 - layui
- laytpl前端模版引擎 - 在线演示 - layui
Markup.js
- adammark/Markup.js: Powerful JavaScript templates
mustache.js
- janl/mustache.js: Minimal templating with {{mustaches}} in JavaScript
- {{ mustache }}
nunjucks
- mozilla/nunjucks: A powerful templating engine with inheritance, asynchronous control, and more (jinja2 inspired)
- Nunjucks
plates
- flatiron/plates: Light-weight, logic-less, DSL-free, templates for all javascript environments!
pure.js
- pure/pure: PURE Unobtrusive Rendering Engine for HTML
- pure.js - Javascript Template Engine
st.js
- SelectTransform/st.js: JSON template over JSON
transparency
- leonidas/transparency: Transparency is a semantic template engine for the browser. It maps JSON objects to DOM elements by id, class and data-bind attributes.
- Try Transparency
template.js
- yanhaijing/template.js: A javascript template engine, simple, easy & extras, support webpack, rollup, parcel, browserify, fis and gulp
underscore-template-loader
- emaphp/underscore-template-loader: A Underscore and Lodash template loader for Webpack
¥正则表达式(RegExp)
RegExp core
()、[]、{}、|
- 正则-非捕获分组中,管道符(|)放结尾有啥用? - 掘金
- 正则表达式()、[]、{}的区别 - RichieWen - 博客园
(?:pattern)、(?=pattern)、(?!pattern)、(?<=pattern)&(?<!pattern)
- 正则表达式中?=和?:和?!的理解_正则表达式_SummerJX的博客-CSDN博客
- 正则表达式中?=和?:和?!的理解_Java_这个昵称没有被占用吧的博客-CSDN博客
- 正则 ?《= 和 ?= 的用法_网络_z69183787的专栏-CSDN博客
- 正则表达式之 pattern+?、pattern*?、(?!pattern)、(?:pattern)_zaqwsx20的专栏-CSDN博客
- 正则表达式-- (?:pattern)与(?=pattern)的区别_shashag-CSDN博客
- js正则 ?: 、 ?= 、 ?! 、 ?<= 、 ?<!_weixin_33782386的博客-CSDN博客
- 正则表达式:?= ?: ?! - 简书
- javascript正则表达式---正向预查 - chenby - 博客园
- 正则表达式中(?:pattern)、(?=pattern)、(?!pattern)、(?<=pattern)和(?<!pattern) - 那少年和狗 - 博客园
- 正则表达式 - (?!), (?:), (?=) - Rocin - 博客园
- 正则表达式的分组 - 西门潇洒 - 博客园
- 正则 ?<= 和 ?= 用法 - whaozl - 博客园
- js正则表达式中的正向肯定预查和正向否定预查 - 逍遥云天 - 博客园
- js正则去重及(?<=)的匹配规则-秋天爱美丽-专业的技术网站
- js的正则表达式的正则前瞻(?=)和非捕获性分组(?:)有什么区别?_百度知道
与或非
- 正则的与或非
量词
- 正则表达式之量词
转义字符/元字符
- 正则表达式 – 元字符 | 菜鸟教程
- 正则中需要转义的特殊字符小结_正则表达式_脚本之家
- zeeshanu/learn-regex: Learn regex the easy way
- 正则表达式 – 教程 | 菜鸟教程
- Rex V: an AJAX Regular EXpression eValuator -
RegExp libs
any-rule
- 书到用时方恨少,一大波JS开发工具函数来了 - 掘金
- any86/any-rule: 🦕 常用正则大全, 支持web / vscode插件2种查询方式.
path-to-regexp
- pillarjs/path-to-regexp: Turn a path string such as `/user/:name` into a regular expression
safe-regex
- substack/safe-regex: detect possibly catastrophic, exponential-time regular expressions
regexgen.js
- amobiz/regexgen.js: RegexGen.js is a JavaScript Regular Expression Generator that helps to construct complex regular expressions.
RegExp tools
i-hate-regex
- geongeorge/i-hate-regex: The code for iHateregex.io 😈 - The Regex Cheat Sheet
regexper
- Regexper
- Regexper
- Regulex、Regexper、Debuggex - 三款『正则表达式』可视化工具[Web] - 小众软件
- regexper图形化正则表达式工具 - 景洪的博客 - CSDN博客
- Regexper:牛逼的 JavaScript 正则可视化工具 - 梦想天空(山边小溪) - 博客园
- javallone/regexper-static: Regular Expression Visualization Site (static site version) -- migrated to https://gitlab.com/javallone/regexper-static
- gitlab.com
- RegExr: Learn, Build, & Test RegEx
- Regulex:JavaScript Regular Expression Visualizer
- Online regex tester and debugger: PHP, PCRE, Python, Golang and JavaScript
- Debuggex: Online visual regex tester. JavaScript, Python, and PCRE.
- jex.im
- 正则可视化工具
- Regular Expression Library
RegExp 资源、整理集&FAQ
RegExp 资源
- qdlaoyao/js-regex-mini-book
- 正则表达式代写,正则表达式教程 - 正则表达式社区
- 正则表达式30分钟入门教程
RegExp 整理集
- JsCode/前端常用rule校验.js at master · jiaopianjun/JsCode
- 前端Vue中常用rules校验规则 - 掘金
- 常用正则表达式 - 掘金
- JavaScript正则表达式备忘单 - 掘金
- 一篇不大靠谱的常用正则表达式汇总(前端) - 掘金
- 常用JS正则大全(2019年11月12日更新) - 掘金
- 马上收藏!史上最全正则表达式合集 - 掘金
- 正则全攻略使用手册,你确定不进来看看吗 - 掘金
- 这是一篇男女老少入门精通咸宜的正则笔记 - 掘金
- JS正则表达式完整教程(略长) - 掘金
- 常用正则表达式汇总—(数字匹配/字符匹配/特殊匹配) - CSDN博客
- 史上最全的正则表达式-匹配中英文、字母和数字 - CSDN博客
- JS正则表达式语法大全(非常详细)
- JS正则表达式大全(整理详细且实用)_javascript技巧_脚本之家
- 最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等_正则表达式_脚本之家
- 正则表达式速查表 - Ever-Lose - 博客园
- 必备之常用正则表达式 | 晚晴幽草轩
- 常用的JS正则校验表达式 | 故事胶片
- 前端实用正则表达式&小技巧,一股脑全丢给你🏆 掘金技术征文|双节特别篇
- JS正则表达式完整教程(略长)
- 用大白话轻松搞定正则(上)
- 用大白话轻松搞定正则(下)
RegExp FAQ
- JavaScript 正则入门到掌握 - 掘金
- 吃透js中正则表达式 - 掘金
- 面试官!让我们聊聊正则 - 掘金
- 金额千分位格式化函数两种实现方法(使用正则和不使用正则) - 沸点 - 掘金
- 小览 ES6-ES2019 中正则表达式的新发展 - 掘金
- 正则实现数组滤重 - 掘金
- 正则表达式去掉前后、左右、去掉所有的空格 - CSDN博客
- 正则表达式中文字符和空格匹配 - CSDN博客
- JavaScript 正则表达式匹配成功后的返回结果 - CSDN博客
- 正则表达式获取文件名和后缀 - CSDN博客
- 正则表达式匹配URL或者网址 - qhzhen的博客 - CSDN博客
- 判断正整数的正则表达式_Java_小哥丷的博客-CSDN博客
- regexp - 正则表达式如何精确匹配空格 - SegmentFault 思否
- 关于日期正则表达式的思路详解_正则表达式_脚本之家
- JS判断输入是否为整数的正则表达式 - 芜明-追星 - 博客园
- 日期和时间的正则表达式 - zhilong001 - 博客园
- 正则表达式匹配任意字符(包括换行符)的写法 - _再见理想 - 博客园
- 正则匹配整数和小数 - 陆漫漫 - 博客园
- js替换字符串中的空格,换行符\r\n或\n替换成<br> - 云上丶无忧 - 博客园
- JavaScript 正则表达式上——基本语法 - 谦行 - 博客园
- JS正则表达式验证数字 - - ITeye博客
- js最新手机号码、电话号码正则表达式-前端开发博客
- 理解Javascript的正则表达式
- 正则表达式匹配连续出现的字符串_yincheng_917的博客-CSDN博客_正则表达式匹配连续字符
- js正则实现数字格式化,每三位加逗号_web_xyk的专栏-CSDN博客
- JS格式化数字(每三位加逗号) - Jack He - 博客园
- js添加千分符号位 - 我自浮沉,虚浮自我 - 博客园
- 正则基础之——NFA引擎匹配原理_雁过无痕-CSDN博客
¥数据类型&数据操作
数据类型
Array
数组去重
- jQuery.uniqueSort() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)
- 经典js面试题:数组去重 - 掘金
- JS专题之数组去重 - 掘金
- 如何将相同属性的数组对象合并并统计个数 - 掘金
- js数组去重的4个方法 - CSDN博客
- jquery 数组去重 - CSDN博客
- [1,2,1,3].unique()实现数组去重最优方法 - 懒人的小窝
数组排序
- JS数组排序sort()方法同时按照两种方式排序的用法 - hiwynn - 博客园
- JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)_javascript技巧_脚本之家
- Js数组排序函数sort()介绍_javascript技巧_脚本之家
- 关于js中sort()排序方法 - 番茄pan - 博客园
数组拷贝
- js实现数组和对象的深浅拷贝_javascript技巧_脚本之家
- javascript深拷贝和浅拷贝详解_javascript技巧_脚本之家
数组遍历
- Array.prototype.forEach() - JavaScript | MDN
- JavaScript数组forEach()、map()、reduce()方法 - dataman - 博客园
- jQuery判断数组是否包含了指定的元素_jquery_脚本之家
- jQuery遍历对象、数组、集合实例_jquery_脚本之家
- jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象_jquery_脚本之家
- JQuery中$.each 和$(selector).each()的区别详解 - 郝高胜 - 博客园
- 避免恼人的空值之reduce - 掘金
- javaScript遍历对象、数组总结 - 抖音 - 博客园
数组添加删除修改元素
splice
- 如何手动实现数组的splice方法 ? (V8源码级别) - 掘金
- JavaScript中易混淆的方法之split、splice、slice辨析比较 - CSDN博客
- JavaScript中splice的用法 - CSDN博客
- javascript - js 数组中的某一位和它前面的一位换位置,有什么好的方法 - SegmentFault 思否
- js splice()的用法 - 蒲木杉 - 博客园
- JS 将一个数组按指定长度分割,组成一个新的数组集合 - 吾生有涯,而知无涯! - 博客园
- 创建包含N个空对象的数组 - 掘金
- 浅析jquery数组删除指定元素的方法:grep()_jquery_脚本之家
- Js删除数组中某一项或几项的几种方法(推荐)_基础知识_脚本之家
- jQuery根据元素值删除数组元素的方法_jquery_脚本之家
- js数组操作-删除首项、删除尾项、头部添加项、尾部添加项 - CSDN博客
数组合并
- JS合并两个数组的方法 - 若水若鱼 - 博客园
- JS 将一个数组按指定长度分割,组成一个新的数组集合 - 吾生有涯,而知无涯! - 博客园
常见操作
- sdras/array-explorer: ⚡️ A resource to help figure out what JavaScript array method would be best to use at any given time
- [7000字]JavaScript数组所有方法基础总结
- 盘点那些常见的 JS 数组方法及 Polyfill
- JavaScript 遍历、枚举与迭代的骚操作(上篇) - 掘金
- JavaScript 遍历、枚举与迭代的骚操作(下篇) - 掘金
- javascript 数组(array) 常用的方法集锦(上) - 掘金
- 数组的七个 API 的简单实现 - 掘金
- 在项目实践中用更优雅的方式处理数组问题 - 掘金
- JS数组扁平化(flat)方法总结 - 掘金
- JS数组操作:去重,交集,并集,差集 - 掘金
- 《吐血整理》系列 JavaScript数组方法操作集合(多种数组去重、reduce、排序) - 掘金
- 「数组方法」从详细操作js数组到浅析v8中array.js
- JavaScript中数组Array.prototype的常用的方法总结 - CSDN博客
- js正则表达式匹配返回数组-CSDN论坛
- js数组方法 改变原数组和不改变原数组的方法整理 - love07070707的博客 - CSDN博客
- js正则表达式匹配返回数组-CSDN论坛
- javascript - 获取一个数组中的连续数字 - SegmentFault 思否
- jquery操作对象数组元素方法详解_jquery_脚本之家
- JS针对Array的各种操作汇总_javascript技巧_脚本之家
- JS针对Array的各种操作汇总_javascript技巧_脚本之家
- JavaScript判断变量是否为数组的方法(Array)_javascript技巧_脚本之家
- JS - 计算两个数组的交集、差集、并集、补集(多种实现方式)
- https://mp.weixin.qq.com/s?__biz=MzIzNTU2ODM4Mw==&mid=2247486493&idx=1&sn=700aaf31be7eaeddc6820d6770acb541&chksm=e8e4618ddf93e89ba18044ec906a567db49dadc79428a7ca5f64778f39853999cf5e891804fd&mpshare=1&scene=23&srcid=051806OfJ8I3Td7t7vqLf7By#rd
- 五千字的数组拓展,面试官对我竖起大拇指喊停
Boolean、Null & Undefined
- 7个处理JavaScript值为undefined的技巧
BigInt
- BigInt - JavaScript | MDN
- JavaScript data types and data structures - JavaScript | MDN
- tc39/proposal-bigint: Arbitrary precision integers in JavaScript
- BigInt: arbitrary-precision integers in JavaScript | Web | Google Developers
Function
#call、apply、bind
- Function.prototype.apply() - JavaScript | MDN
- Function.prototype.bind() - JavaScript | MDN
- 「干货」细说 call、apply 以及 bind 的区别和用法 - 掘金
- 从一行等式理解JS当中的call, apply和bind - 掘金
- 🔮彻底弄清 this call apply bind 以及原生实现 - 掘金
- 详解 new/bind/apply/call 的模拟实现 - 掘金
- 【愣锤笔记】一篇小短文让你彻底搞懂this、call、apply和bind - 掘金
- js进阶(一)bind和call及apply - CSDN博客
- javascript - js 当中apply.bind 这种用法是怎么执行的? - SegmentFault 思否
- 详解JS中的this、apply、call、bind(经典面试题)_javascript技巧_脚本之家
- JS中的call、apply、bind方法详解 - 风雨后见彩虹 - 博客园
- JS中的apply,call,bind深入理解 - Jone_chen - 博客园
- 【优雅代码】深入浅出 妙用Javascript中apply、call、bind - ChokCoco - 博客园
- Javascript中从学习bind到实现bind的过程详解-PHP中文网
- Javascript中call()、apply()和bind()方法的区别_赵一鸣博客
- JS面试中call()、apply()与bind()的区别及实现原理解析
#回调函数
- 事实上,回调函数还不错!! - 掘金
- Actually, callbacks are fine - DEV Community 👩💻👨💻
#无限调用
- 无限调用之链模式分析 - 掘金
#高阶函数
- JavaScript 高阶函数快速入门 - 掘金
Function 资源、整理集&FAQ
Function 资源
Function 整理集
- JS的函数篇(4.3W字) - 掘金
Function FAQ
调用方式
- javascript - js 的函数内,如何判断是 new 还是 函数调用?instanceof 没法用,this 不能区分 - SegmentFault 思否
- JavaScript中判断函数是new还是()调用 - snandy - 博客园
- Javascript函数深入研究:函数中判断自己是以哪种形式被调用的,是A(),还是new A()或者其它?_JavaScript_无心的专栏-CSDN博客
- JavaScript中具名函数的多种调用方式(1) - snandy - 博客园
- JavaScript中具名函数的多种调用方式(2) - snandy - 博客园
function-call-principle
- acodercat/function-call-principle: 这是一篇关于函数调用原理的文章,通过大量的示意图由浅入深分析了函数完整的生命周期。
- 介绍 · 函数调用原理
- The "new Function" syntax
- 如何编写高质量的函数 -- 命名/注释/鲁棒篇 - 掘金
- 彻底理解JavaScript函数的调用方式和传参方式——结合经典面试题 - 掘金
- 胡说-JavaScript函数类型 - 掘金
- 干货:十分钟学会测试你的JavaScript 函数性能
Number&String
- javascript - js怎么用递归的方式实现每隔3个数字加一个逗号? - SegmentFault 思否
- JS获取字符串实际长度(包含汉字)的简单方法_javascript技巧_脚本之家
- 五种js判断是否为整数类型方式_javascript技巧_脚本之家
- JS获取字符串长度(length属性)
Object
《JavaScript面向对象精要》
- 《JavaScript面向对象精要》之一:基本类型和引用类型 - 掘金
- 《JavaScript面向对象精要》之二:函数 - 掘金
- 《JavaScript面向对象精要》之三:理解对象 - 掘金
- 《JavaScript面向对象精要》之四:构造函数和原型对象 - 掘金
- 《JavaScript面向对象精要》之五:继承 - 掘金
- 《JavaScript面向对象精要》之六:对象模式 - 掘金
JavaScript原生对象拓展
js对象扩展
- Search · js对象扩展
- huangguangjie/calendar-api: 一个万年历的API工具类,快速集成日历UI的构建方案。
- SunnyJS/Sunny-fx.js at master · sunnyzhouy/SunnyJS
- SunnyJS/Sunny-deferScript.js at master · sunnyzhouy/SunnyJS
- SunnyJS/Sunny.js at master · sunnyzhouy/SunnyJS
- extend/extend.js at master · kunhuapeng/extend
- devin87/Q.js: js工具库,包括 通用方法、原生对象扩展、队列、JSON、Cookie、Storage、Ajax、JSONP、事件处理、DOM处理等
- 扩展js原生对象的正确姿势 - 巍影之戈 - CSDN博客
- Javascript面向对象扩展库(lang.js)-CSDN下载
- 据说每个大牛、小牛都应该有自己的库——JavaScript原生对象拓展 - 谦行 - 博客园
- 据说每个大牛、小牛都应该有自己的库——Event处理 - 谦行 - 博客园
- 据说每个大牛、小牛都应该有自己的库——框架篇 - 谦行 - 博客园
- 据说每个大牛、小牛都应该有自己的库——Ajax - 谦行 - 博客园
- 据说每个大牛、小牛都应该有自己的库——DOM处理 - 谦行 - 博客园
- 据说每个大牛、小牛都应该有自己的库——DOM处理续 - 谦行 - 博客园
- 据说每个大牛、小牛都应该有自己的库——框架篇 - 谦行 - 博客园
- js-ES6学习笔记-对象的扩展 - ZhangCui - 博客园
- js-ES6学习笔记-函数的扩展 - ZhangCui - 博客园
- js-ES6学习笔记-数组的扩展 - ZhangCui - 博客园
- js-ES6学习笔记-数值的扩展 - ZhangCui - 博客园
- js-ES6学习笔记-正则的扩展 - ZhangCui - 博客园
- [JS] 面向对象的5种写法和拓展JS对象的写法 - Aviva_ye - 博客园
- Javascript面向对象扩展库 - X!ao_f - 博客园
- Javascript面向对象扩展库
- 用JAVASCRIPT实现静态对象、静态方法和静态属性
读写深度嵌套的对象
- avsm/ocaml-lens: Private extraction of astrada's lens library
- beizhedenglong/js-lens: Safely accessing and updating nested object with functional features.
- 如何安全地读写深度嵌套的对象? - 掘金
判断对象
- WhiteMinds/comparison-object-diff: 深度比较对象差异, 生成差异结果, 并允许通过此结果来对旧对象进行更新, 主要目的是节约流量, 实现数据的局部更新
- 判断一个变量是不是空对象 {} - 掘金
- JS 如何判断两个对象相等 - CSDN博客
- 判断一个变量是数组还是对象 - CSDN博客
- js判断对象的属性是原型的还是实例的 - undefined- - 博客园
- 判断某对象是否是某原型的实例的两种方法_Java_xujiezi的专栏-CSDN博客
对象的属性、操作、方法
Object.create与new
- new 运算符 - JavaScript | MDN
- new.target - JavaScript | MDN
- 重学 JS 系列:聊聊 new 操作符 - 掘金
- JavaScript进阶之模拟new Object()过程 - 掘金
- JavaScript 中创建对象的那些事儿 - 掘金
- JS中new和Object.create() - chjunjun的博客 - CSDN博客
- Object.create()方法 - 知其黑,守其白。 - CSDN博客
- 你不知道的javascript之Object.create 和new区别 - blueblueskyhua的博客 - CSDN博客
- JS 操作符优先级及new - 简书
- object.create(null) 和 {}创建对象的区别 - 前端路上的小兵 - 博客园
- Object.create()和new object()和{}的区别 - leijee - 博客园
- js的new操作符做了哪些事情 - 嗯嗯呢 - 博客园
Object.freeze和Object.seal
- Object.freeze() - JavaScript | MDN
- Object.seal() - JavaScript | MDN
- [JS] Object.freeze和Object.seal - 简书
- React 源码中的 Object.seal - 掘金
Object.is
- Object.is() - JavaScript | MDN
- https://object.is
Object.observe
- MaxArt2501/object-observe: Object.observe polyfill
- jdarling/Object.observe: Object.observe polyfill/shim trying to be compliant
- JS中的观察者们 —— 四种 Observers - 前端 - 掘金
- 监听者模式实战应用 - 掘金
- 现代浏览器观察者 Observer API 指南(新) - 掘金
Property
- Object.defineProperty() - JavaScript | MDN
- Object.defineProperty() | MDN
- Object.defineProperties() | MDN
- Object.getOwnPropertyDescriptor() | MDN
- Object.getOwnPropertyDescriptors() | MDN
- 超详细版 Object.defineProperty() - 掘金
- 神奇的 Object.defineProperty - 掘金
- 解析神奇的 Object.defineProperty - 阅读 - 掘金
- ES6 系列之 defineProperty 与 proxy - 掘金
- 理解 JavaScript 的 Object.defineProperty() 函数 - 前端 - 掘金
- javaScript中的Object.defineProperty()和defineProperties() - web前端小站 - SegmentFault 思否
- Object.defineProperties() - JavaScript | MDN
循环、遍历、枚举
- 5分钟彻底理解Object.keys - 掘金
- 5分钟彻底理解Object.keys - 前端 - 掘金
- for in,Object.keys,for of 的区别 - 掘金
- (for..in)、Object.keys()和Object.getOwnPropertyNames(),for...of - 掘金
- for in,Object.keys(),for of,hasOwnProperty()怎么用? - 掘金
- 2分钟轻松搞定Object.keys(),for...in,getOwnPropertyNames()的区别 - 掘金
- (for..in)、Object.keys() 和 Object.getOwnPropertyNames(),for...o - 前端 - 掘金
- 如何检查一个对象是否为空 - 掘金
- JavaScript中 for、for in、for of、forEach等使用总结 - - SegmentFault 思否
- js中return 、return false 、return true、break、continue区别 - 曹小半仙 - 博客园
- Javascript Array forEach()中无法return和break,代替方法some()与every() - lihefei_coder的博客 - CSDN博客
对象的属性
- 理解 JavaScript 对象的属性 - 掘金
- toString && valueOf && Symbol.toPrimitive 辨析 - 掘金
- JavaScript 对象所有API解析【2020版】
- js 中对 Object 对象的一些常用操作总结 - haorooms - 前端 - 掘金
- Object()的方法一览 - 掘金
- JS: Object.assign() Vs Spread Operator - 掘金
- Object.create(null) 和 {} 的区别 - 掘金
- JS对象,你不可不知的知识体系 - 掘金
- Object.keys方法之详解 - CSDN博客
- Object.assign()方法 - CSDN博客
- assign、retain和copy的区别 - CSDN博客
- assign、weak、strong、retain、__block、__weak - CSDN博客
- JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别 - 古兰精 - 博客园
- JavaScript中Object.prototype.toString方法的原理_javascript技巧_脚本之家
- JavaScript中创建对象的那些事儿
- 2020年最全的JavaScript 对象API完整解析 【绝对精彩】
- js创建对象的6种方式总结 - shirliey - 博客园
- sdras/object-explorer: 🔥 A resource to help figure out what JavaScript object method would be best to use at any given time
深拷贝&浅拷贝
klona
- lukeed/klona: A tiny (366B) and fast utility to "deep clone" Objects, Arrays, Dates, RegExps, and more!
- js 深浅拷贝知多少 - 掘金
- 深入浅出深拷贝与浅拷贝 - 掘金
- JavaScript基础心法——深浅拷贝 - 前端 - 掘金
- JavaScript基础心法——深浅拷贝 - 前端 - 掘金
- 如何实现一个惊艳面试官的非递归版本的 js 对象深拷贝方法 - 掘金
- 这一次彻底掌握深拷贝
- ES6深拷贝与浅拷贝-每天进步一点点-51CTO博客
- 浅拷贝 and 深拷贝 - melinxie - 博客园
- 理解JS的深拷贝和浅拷贝的问题
- Javascript 面向对象编程(一):封装 - 阮一峰的网络日志
- Javascript面向对象编程(二):构造函数的继承 - 阮一峰的网络日志
- Javascript面向对象编程(三):非构造函数的继承 - 阮一峰的网络日志
- 纵观JS对象的“简”与“繁”(上) - 掘金
- 扒一扒 JavaScript 中不常见的一些 object - 前端 - 掘金
- JS 中的面向对象 prototype class - 掘金
- 你不知道的JavaScript对象
Set & Map
- Map and Set
- Set 和 Map 数据结构 - ECMAScript 6入门
- 【译】Array与Set的异同及使用场景 - 掘金
- JS 中的 (Weak)Set 和 (Weak)Map - 掘金
- ES6中的Map与Set集合 - 掘金
- 【译】Object与Map的异同及使用场景 - 掘金
- 史上最全Set和Map详解 - 掘金
- 何时使用 Map 来代替变通的 JS 对象
- 修改IE不兼容MAP()的问题,自定义实现JavaScript的Map对象_JavaScript_梦想起飞的地方.........-CSDN博客
- IE浏览器不支持map报错SCRIPT5009: map未定义_JavaScript_Gemini_Kanon的博客-CSDN博客
Symbol
- es6 symbol - 掘金
- 关于使用Symbol的注意点 - 掘金
- 理解 Es6 中的 Symbol 类型
- 语法和数据类型 | MDN
- 玩转 JavaScript 之数据类型 - 掘金
- 探索 Python 来反补 JavaScript,带你 Cross Fire —— JS 数据类型的奥秘 - 掘金
- 说说JavaScript的类型转换 - 掘金
- [译]揭秘基本数据类型 - 掘金
- 从 ES 规范的角度讲解 +、Number 类型转换 - 掘金
- 为你的 JavaScript 项目添加智能提示和类型检查 - 掘金
- 从206个console.log()完全弄懂数据类型转换的前世今生(上) - 掘金
- JS中数据类型检测四种方式的优缺点 - 掘金
- JS中数据类型检测方法——typeof - 掘金
- JavaScript中的类型检查有点麻烦
数据操作
#取整
- JS十大取整方法
deep equal
- epoberezkin/fast-deep-equal: The fastest deep equality check with Date, RegExp and ES6 Map, Set and typed arrays support
- inspect-js/node-deep-equal: node's assert.deepEqual algorithm
- planttheidea/fast-equals: A blazing fast equality comparison, either shallow or deep
- chaijs/deep-eql: Improved deep equality testing for Node.js and the browser.
- lexich/shallow-equal-fuzzy: Fuzzy implementation of shallowEqual algoritm
- smelukov/nano-equal: Ultra fast and compact implementation of deep equal without any production dependencies.
parseInt
- 这些关于 parseInt 的题你都会吗? - 掘金
toFixed
- ECMAScript 2015 Language Specification – ECMA-262 6th Edition
- ECMAScript 2015 Language Specification – ECMA-262 6th Edition
- Double (IEEE754 Double precision 64-bit) Converter
- 从「消失的 1 千粉丝」谈及 toFixed 的坑
浮点数
- 全面总结 JS 中浮点数运算问题 - 掘金
- JS中浮点数精度问题 - 掘金
- 抓住数据的小尾巴 - JS浮点数陷阱及解法 - 知乎
- js浮点数运算的坑,多少同学有碰到过? - 木白先生 - 博客园
隐式转换
- 一次弄懂Javascript隐式转换
- strictEquals.js
- dankogai/js-combinatorics: power set, combination, permutation and more in JavaScript
- dankogai/js-xiterable: Make ES6 Iterators Functional Again
- paulirish/break-on-access: break on access to a property
- 前端数据操作总结 - 掘金
- 数据类型转换看这篇就够了 - 掘金
- JS做类型检测到底有几种方法?看完本文就知道了! - 掘金
¥函数式(声明式)编程
¥函数柯里化&偏函数(Curry&Partial)
- JS专题之函数柯里化 - 掘金
- 彻底搞懂闭包,柯里化,手写代码,金九银十不再丢分!
- JavaScript 中的 Currying(柯里化) 和 Partial Application(偏函数应用)-WEB前端开发
- JavaScript Functional Programming Explained: Partial Application and Currying | DigitalOcean
- 函数柯里化&偏函数
《Functional-Light-JS》
- getify/Functional-Light-JS: Pragmatic, balanced FP in JavaScript. @FLJSBook on twitter.
- xiaoboost/Functional-Light-JS-Zh: 《Functional-Light-JS》中文翻译
- Simingchen/Functional-Light-JS: JavaScript轻量级函数式编程(中文翻译)
- sspantz/Functional-Light-JS-zh: 轻量函数式 JavaScript 中文
- Functional-Light… by Kyle Simpson [Leanpub PDF/iPad/Kindle]
《一步一步教你 JavaScript 函数式编程》
- 一步一步教你 JavaScript 函数式编程(第一部分)-WEB前端开发
- 一步一步教你 JavaScript 函数式编程(第二部分)-WEB前端开发
- 一步一步教你 JavaScript 函数式编程(第三部分)-WEB前端开发
《函数式 JS》
- (译) 函数式 JS #1:简介
- (译) 函数式 JS #2: 函数!
- (译)函数式 JS #3: 状态
- (译) 函数式 JS #4: 闭包
- eczn/se: 🔣 lisp 方言解释器 (emmm)
- funkia/list: 🐆 An immutable list with unmatched performance and a comprehensive functional API.
- orangeduck/BuildYourOwnLisp: Learn C and build your own programming language in under 1000 lines of code!
- eczn's blog | Rally
- [译] 编写函数式的 JavaScript 实用指南 - 掘金
- [译] JavaScript 函数式编程指引 - 掘金
- 【译】你的编程语言能做到这个吗?(为什么要学函数式编程) - 掘金
- 【译】JavaScript中纯函数是什么 - 掘金
- 反对函数式编程的政治正确 - 掘金
- 我是怎样走上函数式编程的不归路的 - 掘金
- 一些关于JavaScript函数式编程的思考 - 掘金
- 我眼中的 JavaScript 函数式编程 - 前端 - 掘金
- JavaScript函数式编程,真香之组合函数(二) - 掘金
- 函数式编程最佳实践 - 掘金
- 「函数式编程的实用场景 | 掘金技术征文-双节特别篇」
- 函数式编程进阶:应用函子
- 这些高阶的函数技术,你掌握了么
- 轻松玩转函数式编程
- 学习函数式编程 Monad
- JavaScript 函数式编程术语大全-WEB前端开发
- JavaScript函数式编程,真香之认识函数式编程(一) - 桃园
¥命令式编程
¥面向对象编程(Object-oriented programming)
里氏替换原则(Liskov Substitution Principle,LSP)
- The Liskov Substitution Principle Explained
- jirong-gao/oop-in-javascript: Object-oriented programming in JavaScript
¥控制反转(Inversion of Control,IoC)
依赖注入(Dependency Injection,DI)
- typestack/typedi: Simple yet powerful dependency injection tool for JavaScript and TypeScript.
- @cherrypulp/dependency-injector - npm
- di - npm
- power-di - npm
- @alterior/di - npm
- simple-js-di - npm
- injection-js - npm
- awilix - npm
- fuxor - npm
- frint-di - npm
- injecting - npm
- dizzy - npm
- ng-inject - npm
- typesafe-di - npm
- piquouze - npm
- diminish - npm
- Angular - Dependency injection in Angular
- Dependency injection in JavaScript
- 十几行代码实现一个ts依赖注入 - 掘金
- @absolunet/ioc - npm
- yaioc - npm
- 前端解读控制反转(IOC) - 掘金
- [译]javascript中的依赖注入 - 掘金
- DIP、IoC、DI、JS - 掘金
¥防御性编程
- Handling Errors in JavaScript: The Definitive Guide
- js错误处理权威指北 - 掘金
- 前端开发中的Error以及异常捕获 - 掘金
- 前端防御性编程 - 掘金
¥异步编程
¥async/await
#async/await core
- tc39/proposal-top-level-await: top-level `await` proposal for ECMAScript (stage 3)
- Top-Level Await
- async 函数 - ECMAScript 6入门
- developer.mozilla.org
- 异步函数 - 提高 Promise 的易用性 | Web | Google Developers
#async/await libs、plugins&tools
#A-G
async
- caolan/async: Async utilities for node and the browser
- async-es - npm
- Home - Documentation
async.js
- eligrey/async.js: async/await before promises were invented. It facilitates asynchronous actions (promises) with synchronous-style syntax
await-to-js
- scopsy/await-to-js: Async await wrapper for easy error handling without try-catch
Awaity.js
- asfktz/Awaity.js: A functional, lightweight alternative to bluebird.js, built with async / await in mind.
buha.js
- flouthoc/buha.js: Browser based Strictly ordered Task Queue for Sync/Async Javascript Functions
- buha.js - browser based Strictly ordered Task Queue for Sync/Async Javascript Functions.
deasync
- abbr/deasync: Turns async function into sync via JavaScript wrapper of Node event loop
- jakwuh/deasync-promise: Transform async functions into sync with promise API
- MiguelCastillo/coseq: high order functions for JavaScript async/sync iterators
- proxy-m/fibersync: fibersync - Callbacks and promises simplification for Node.js with synchronized+asyncawait (by fibers, bluebird and lodash)
- devlato/async-wait-until: Waits for the given callback to return a truthy value, with a convenient Promise API
- duziten/await-to-decorater: Async/await decorater for easy error handling in js, inspired by await-to-js
#H-N
metasync
- metarhia/metasync: Asynchronous Programming Library for JavaScript & Node.js
- mono-js/mono-utils: Node.js utils to deal with async/await
#O-T
run-async
- SBoudrias/run-async: Utility method to run function either synchronously or asynchronously using the common `this.async()` style.
#U-Z
- DawnImpulse/wait-loop: Helps synchronizing each async loop call of an array (without promise).
#async/await 资源、整理集&FAQ
async/await 资源
- JavaScript Async/Await Explained in 10 Minutes - Tutorialzine
async/await 整理集
async/await FAQ
error-handling
- Async Functions in JavaScript | www.thecodebarbarian.com
- 如何优雅地处理 Async / Await 的异常?
- 如何在使用async & await 时优雅的处理异常
- async/await 优雅的错误处理方法
- 现场教学,优雅地处理基于 Vue CLI 项目中的 async await 异常
- JS task到底是怎么运行的 · Issue #4 · rhinel/blog-word
- fe/2017-12-07-await-vs-return-vs-return-await.md at master · dev-reading/fe
- 8张图让你一步步看清 async/await 和 promise 的执行顺序 - 掘金
- 【译】JavaScript的工作原理:事件循环及异步编程的出现和 5 种更好的 async/await 编程方式 - 掘金
- 细说 async/await 相较于 Promise 的优势 - 掘金
- async/await 优雅的错误处理方法 - 掘金
- [译] JavaScript - Generator-Yield/Next 和 Async-Await - 掘金
- 从生成器到async/await - 掘金
- JS异步编程之async&await - 掘金
- JS 异步编程六种方案 - 掘金
- 手写async await的最简实现(20行搞定)面试必考! - 掘金
- 前端er,你真的会用 async 吗? - 掘金
- vue中async-await的使用误区 - 掘金
- 谈一谈几种处理 JavaScript 异步操作的办法 - 掘金
- [译] 如何在实际开发案例中掌握 Async/Await - 掘金
- 结合 async 异步函数 - 提高 Promise 的易用性 - 掘金
- [译] JavaScript 异步演进史,从 Callbacks, Promises 到 Async/Await - 掘金
- async/await 原理及执行顺序分析 - 掘金
- 嘿,不要给 async 函数写那么多 try/catch 了
- async/await的使用以及注意事项 - OrangeJ - CSDN博客
- 理解 async/await - 超人前端之路 - SegmentFault 思否
- 理解 JavaScript 的 async/await - 边城客栈 - SegmentFault 思否
- 8张图帮你一步步看清 async/await 和 promise 的执行顺序 - 前端进阶 - SegmentFault 思否
- 用 async/await 来处理异步 - SamWeb - 博客园
- 如何优雅地处理Async/Await的异常? - Fundebug - 博客园
- 如何正确使用async/await?
- Async/Await替代Promise的6个理由 | Fundebug博客 - 一行代码搞定BUG监控 - 网站错误监控|JS错误监控|资源加载错误|网络请求错误|小程序错误监控|Java异常监控|监控报警|Source Map|用户行为|可视化重现
- 在 JS 循环中正确使用 async 与 await_sanstu的博客-CSDN博客
¥Generator
#Generator core
- sebmarkbage/ecmascript-generator-expression: Proposal for do Generator Expressions in ECMAScript. Work in progress. Edit Add topics
- Generator 函数的语法 - ECMAScript 6入门
#Generator libs、plugins&tools
node-fibers
- laverdet/node-fibers: Fiber/coroutine support for v8 and node.
#Generator 资源、整理集&FAQ
- 从Generator入手读懂co模块源码
- Es6 generator浅入浅出 - 掘金
- 浅谈ES6中迭代器和生成器 - 掘金
- JS异步编程之Generator - 掘金
- Generator 基础指南 - 掘金
- Generator函数简单记录 - 掘金
- 面试之generator - 掘金
- 迭代器(iterator)与生成器(generator) - 掘金
- 利用Generator实现按顺序执行异步操作 - 掘金
- ES6 Generator 教程 - 掘金
- Generator函数语法解析 - 掘金
- ES6系列之Generator生成器全解析 - 掘金
- async 函数与 Generator 与co模块 - 掘金
¥Promise
#Promise core
- Promises/A+
- liubin/promises-book: JavaScript Promise迷你书
- Promise - JavaScript | MDN
- 使用 Promises - JavaScript | MDN
- Promise - JavaScript | MDN
- Promise - 廖雪峰的官方网站
- .promise() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)
- Promise 对象 - ECMAScript 6入门
- JavaScript Promise:简介 | Web | Google Developers
- .promise() | jQuery API Documentation
- Promises
- deferred.always() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.1)
- jQuery.when() | jQuery API Documentation
- JavaScript Promise迷你书(中文版)
#Promise libs、plugins&tools
#A-G
bluebird
- petkaantonov/bluebird: Bluebird is a full featured promise library with unmatched performance.
- Getting Started | bluebird
es6-promise
- stefanpenner/es6-promise: A polyfill for ES6-style Promises
- cnwhy/extend-promise: 基于promise扩展一些常用方法
- jinjor/batch-runner: A promise utility for batching
- rxaviers/async-pool: Run multiple promise-returning & async functions with limited concurrency using native ES6/ES7
#H-N
#is promise
- then/is-promise: Test whether an object looks like a promises-a+ promise
- sindresorhus/p-is-promise: Check if something is a promise
microjs-q
- npmcomponent/microjs-q
#O-T
#promisify
pify
- sindresorhus/pify: Promisify a callback-style function
- promisify · GitHub Topics
- overlookmotel/promisify-any: Promisify any of: callback function, sync function, generator function, promise-returning function
#synchronized promise
- Yukaii/synchronized-promise: Turn ES6 Promise into synchronize function call, a simple wrapper of deasync package
- paldepind/sync-promise: Compact synchronized promise implementation. Promises/A+ incompliant. Works inside IdexedDB transactions.
- fisker/promise-synchronizer: synchronize promise
- fluffynuts/synchronous-promise: A prototypical animal which looks like an A+ Promise but doesn't defer immediately, so can run synchronously, for testing
promise-fun
- sindresorhus/promise-fun: Promise packages, patterns, chat, and tutorials
promise-queue
- promise-queue/promise-queue: Promise-based queue
- cnwhy/promise-queue-plus: Promise-based queue. Support timeout, retry and so on.
q
- kriskowal/q: A promise library for JavaScript
- q - npm
- kriskowal/q
- redgeoff/squadron: Synchronize, throttle and debounce promises
- sindresorhus/p-event: Promisify an event by waiting for it to be emitted
- sindresorhus/p-map: Map over promises concurrently
- sindresorhus/p-all: Run promise-returning & async functions concurrently with optional limited concurrency
- sindresorhus/p-filter: Filter promises concurrently
- sindresorhus/p-times: Run promise-returning & async functions a specific number of times concurrently
- sindresorhus/p-props: Like `Promise.all()` but for `Map` and `Object`
- sindresorhus/p-map-series: Map over promises serially
- sindresorhus/p-queue: Promise queue with concurrency control
- m0ppers/promise-any: Promise.any() implementation
- sindresorhus/p-any: Wait for any promise to be fulfilled
#U-Z
vow
- dfilatov/vow: ES6-compatible and Promises/A+ implementation for Node.js and browsers
- dfilatov/vow-fs: Vow-based file I/O for Node.js
- dfilatov/vow-node: Extension for Vow to work with nodejs-style callbacks
- dfilatov/vow-queue: Vow-based task queue
- nodules/vow-asker: Vow promises wrapper on top of Asker API
when
- cujojs/when: A solid, fast Promises/A+ and when() implementation, plus other async goodies.
- promises · GitHub Topics
#Promise 资源、整理集&FAQ
Promise 资源
.always
- OsoianMarcel/promise-all-always: Execute all the promises whether they resolve or reject
- hybridables/always-promise: Promisify, basically, everything. Generator function, callback-style or synchronous function; sync function that returns child process, stream or observable; directly passed promise, stream or child process.
- hybridables/always-done: Handle completion and errors with elegance! Support for async/await, promises, callbacks, streams and observables. A drop-in replacement for async-done - pass 100% of its tests plus more
- wendux/es6-promise-always: Extend method always for es6 Promise object
Promise 整理集
- promise常见错误 - 掘金
- Javascript中Promise的四种常用方法总结_javascript技巧_脚本之家
Promise FAQ
- jQuery的deferred对象详解 - 阮一峰的网络日志
- ES6 JavaScript Promise的感性认知 « 张鑫旭-鑫空间-鑫生活
- javascript - Get which promise completed in Promise.race - Stack Overflow
- 手撕 Promise
- 手写实现满足 Promise/A+ 规范的 Promise - 掘金
- 老生常谈-实现一个Promise - 掘金
- 原生es5封装的Promise对象 - 掘金
- 深入 Promise - 掘金
- ES6 Promise 执行解析 - 掘金
- JS异步编程之Promise - 掘金
- 前端异步技术之Promise - 掘金
- 如何用 Promise 自定义一个 GET 请求的函数 - 掘金
- 记一次Promise在api接口合并中的实践 - 掘金
- Promise 其实很简单 - 掘金
- Promise源码解析-步步为营皆可及 - 掘金
- JS异步编程之Promise详解和使用总结 - 掘金
- Promise源码解析-步步为营皆可及 - 掘金
- 我如何实现Promise - 掘金
- 这一次,彻底弄懂 Promise 原理 - 掘金
- ES6 Promise 用法讲解 - 掘金
- 一步步教你实现Promise/A+ 规范 完整版 - 掘金
- 最简实现Promise,支持异步链式调用(20行) - 掘金
- 进来看看ES6 Promise最全手写实现 - 掘金
- ES6 Promise 用法(我见过最简洁优秀的文章) - CSDN博客
- 构建Promise队列实现异步函数顺序执行 - vcxiaohan的博客 - CSDN博客
- Promise初步详解(resolve,reject,catch) - selfimpr626 - CSDN博客
- 浅析Promise用法 - 简书
- 武官尚书 - SegmentFault 思否
- 谈谈 ES6 的 Promise 对象 - ac黄博客精选 - SegmentFault 思否
- Promise里在延时器里throw new Error,为什么不能被后面的reject回调或者catch捕获? - 竹晓玉的回答 - SegmentFault 思否
- promises 很酷,但很多人并没有理解就在用了 - WEB前端 - 伯乐在线
- 大白话讲解Promise(三)搞懂jquery中的Promise - 吕大豹 - 博客园
- jquery 之 Deferred 使用与实现 - 冠军 - 博客园
- jQuery之Deferred对象详解 - losesea - 博客园
- 使用 Promises 编写更优雅的 JavaScript 代码 - 梦想天空(山边小溪) - 博客园
- 彻底理解Promise对象——用es5语法实现一个自己的Promise(上篇) - 勇敢的半导体 - 博客园
- es5实现promise,多异步请求返回数据 - muamaker - 博客园
- 关于promise(一) - chenxj - 博客园
- 关于 promise 吃到错误的理解 - 另一个小菜头 - 博客园
- js在for循环中执行异步操作,把每次异步的结果保存在数组中,如何在循环外面使用数组? - 开源中国社区
- 刘涛的个人小站
- promise、async和await之执行顺序的那点事
- (2 封私信 / 42 条消息) 关于promise输出顺序的疑问? - 知乎
- then, catch, finally如何影响返回的Promise实例状态
¥异步JavaScript和XML(Asynchronous JavaScript and XML,Ajax)
AJAX core
AJAX frameworks、libs、plugins&tools
ajax-hook
- wendux/Ajax-hook: Intercepting browser's AJAX requests which made by XMLHttpRequest.
- Ajax-hook 原理解析 - 简书
- Js 拦截全局ajax请求 - 简书
ajaxmin
- Microsoft Ajax Minifier - CodePlex Archive
GlobalAjaxListener
- ulyn/GlobalAjaxListener: 监听页面全局ajax请求的插件,可以做很多的事情~
pjax
- welefen/pjax: ajax + history.pushState = pjax
- xixifeng/pjaxpage: Pagination controls solution for pjax. pushState + ajax = pjax.
- defunkt/jquery-pjax: pushState + ajax = pjax
- pjaxpage: Pagination controls solution for pjax. pushState + ajax = pjax.
- pjax
- jQuery pjax 应用简单示例 - 个人文章 - SegmentFault 思否
- 通过pjax实现无刷新翻页(兼容新版jquery)_jquery_脚本之家
- jQuery+pjax简单示例汇总 - 疯子110 - 博客园
- jquery.pjax | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- PJAXPage首页、文档和下载 - 基于 jQuery 的分页工具 - 开源中国
- jQuery.pjax.js使用AJAX和pushState无刷新加载网页 - 插件脚本 - 问说网
- jquery.pjax.js bug问题解决集锦 - 好库文摘
AJAX 资源、整理集&FAQ
AJAX 资源
jQuery ajax
- jQuery.ajaxSetup() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.3.1)
- jQuery.ajax() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.3.1)
- jQuery Ajax 全解析-WEB前端开发
- Jquery Post提交时Content-Type的不同取值详解 - CSDN博客
- jquery.ajax之beforeSend方法(解决进度条, "请稍后"提示等……) - CSDN博客
- AJAX:success,error,complete,beforeSend使用例子及解释 - CSDN博客
- $.ajax({})方法success,error,complete,beforeSend使用例子及解释 - CSDN博客
- jquery ajax中success与complete的执行顺序 - CSDN博客
- jquery四种请求方式 - CSDN博客
- 表单和ajax中的post请求&&后台获取数据方法(深度好文) - CSDN博客
- 使用POST请求跳转页面 - CSDN博客
- ajax取到data的值 - CSDN博客
- 在jquery的ajax方法中的success中使用return要注意的问题 - CSDN博客
- jQuery Ajax 设置请求头 - CSDN博客
- jquery ajax设置header的两种方式 - CSDN博客
- jquery ajax获取全局beforeSend方法问题-CSDN论坛
- jquery ajax contentType 简单实用 - 痕迹 - CSDN博客
- javascript - 如何在网页中POST任意内容并跳转 - SegmentFault 思否
- jQuery ajax——参数详解 - 简书
- jQuery ajaxSubmit 实现ajax提交表单局部刷新_jquery_脚本之家
- jQuery在header中设置请求信息的方法_jquery_脚本之家
- jquery ajax 方法及各参数详解 - high_grade - 博客园
- AJAX状态值与状态码 - G.N&K - 博客园
- ajax post data 获取不到数据,注意 content-type的设置 、post/get - Vinton.Liu - 博客园
- $.ajax 中的contentType - htoooth - 博客园
- jQuery中Ajax事件beforesend及各参数含义 - 午时的海 - 博客园
- jquery ajax 方法及各参数详解 - jayleke - 博客园
- 触碰jQuery:AJAX异步详解 - 滴答的雨 - 博客园
- jQuery Ajax 实例 全解析 - 吊儿郎当 - 博客园
- jQuery之Ajax--全局Ajax事件处理器 - 王甘林 - 博客园
- ajax系列之用jQuery的ajax方法向服务器发出get和post请求 - yangtoude - 博客园
- jQuery Ajax 实例 全解析 - 吊儿郎当 - 博客园
- jQuery.ajax() 函数详解 - CodePlayer
- $.ajax的error,complete,success方法 - 郑星阳 - ITeye博客
- ajax与HTML5 history pushState/replaceState实例 « 张鑫旭-鑫空间-鑫生活
- $.ajax().always() or $.ajax().complete() - jQuery Forum
- 使用JQuery Deferred对象的then() 解决多个AJAX操作顺序依赖的问题 - CSDN博客
- AJAX知识总结 - CSDN博客
- 原生ajax中post方式数据传递方式 - CSDN博客
- 关于ajax异步获取服务器信息乱码情况 - CSDN博客
- ajax获取数据中文乱码问题最简单的完美解决方案 - CSDN博客
- Cross-Origin Resource Sharing (CORS)跨域资源共享 - CSDN博客
- AJAX请求 $.ajaxSetup方法的使用 - pursuer211的专栏 - CSDN博客
- $.ajax()引发的对Deferred的总结 - 思思博士 - 博客园
- 总结Ajax同步执行的方法 - 永远都要奋斗 - 博客园
- jquery的ajax的dataFilter参数的使用
- jquery ajax作为deferred对象如何触发progress?..._慕课问答
- ajax请求二进制流图片并渲染到html中img标签 - CSDN博客
- ajax实战:(ajax异步下载文件)请求二进制流进行处理 - CSDN博客
- ajax获取后台图片数据流如何处理? - Gemini_llw的博客 - CSDN博客
- Ajax请求无法下载文件的原因 - 大头之家 - CSDN博客
- Ajax请求二进制流进行处理(ajax异步下载文件)的简单方法_AJAX相关_脚本之家
- 关于ajaxFileUpload图片上传,success和error都触发的情况 - 安慕希 - 博客园
- Ajax方式上传文件 - jiangxiaobo - 博客园
- 使用ajax提交form表单,包括ajax文件上传 - 朱小杰 - 博客园
- input type=file accept中可以限制的文件类型 - 每天进步多一点 - 博客园
- 文件各种上传,离不开的表单 - 农码一生 - 博客园
- Ajax详解(手写jq和axios部分实现) - 掘金
- AJAX原理(含常见面试题) - 掘金
- Ajax 通过城市名获取数据(全国天气预报API)_AJAX相关_脚本之家
AJAX 整理集
《[ 造轮子 ] 手动封装 AJAX》
- [ 造轮子 ] 手动封装 AJAX (一) —— 基础版 - 掘金
- [ 造轮子 ] 手动封装 AJAX (二) —— ES6 版 - 掘金
- [ 造轮子 ] 手动封装 AJAX (三) —— 最终版 - 掘金
《再也不学AJAX了》
- 再也不学AJAX了!(一)AJAX概述 - 掘金
- 再也不学AJAX了!(二)使用AJAX - 掘金
- 再也不学AJAX了!(三)跨域获取资源 ② - JSONP & CORS - 掘金
- Ajax技术的一些总结 - 掘金
- 原生Ajax的代码实现及状态码总结 - CSDN博客
- AJAX请求时status返回状态明细表 - 我爱吃小丸子 - 博客园
- jquery post时content-type的几种取值 - 郑星阳 - ITeye博客
- XMLHTTPRequest状态status完整列表 | 异萝松的技术博客
AJAX FAQ
数据缓存
- 在ie中关于ajax请求获得数据缓存问题的解决办法 - 岚枫 - CSDN博客
- 解决IE下Ajax请求无效 - andywangguanxi - 博客园
- 谈谈IE针对Ajax请求结果的缓存 - Artech - 博客园
- 自定义input type=file 样式 美化input type=file 改变input type=file控件“丑陋面貌” - CSDN博客
- XMLHttpRequest 的 responseType 属性 - yudldl的博客 - CSDN博客
- jQuery+ajax实现局部刷新的两种方法_jquery_脚本之家
- js中XMLHttpRequest对象实现GET、POST异步传输 - 猿客 - 博客园
- javascript快速入门23--XHR—XMLHttpRequest对象 - 水之原 - 博客园
- 如何用 GET 方法,提交一个数组_百度知道
mz
- normalize/mz: modernize node.js to current ECMAScript standards
rsvp.js
- tildeio/rsvp.js: A lightweight library that provides tools for organizing asynchronous code
- ⭐️🎀 JavaScript Visualized: Promises & Async/Await - DEV
- js的三种异步处理 - 掘金
- ES6 中的 三种异步解决方案 - 掘金
- 异步编程解决方案全集—promise、generator+co、async+await - 掘金
- JS 高级之手写一个Promise,Generator,async和 await【近 1W字】 - 掘金
- 形象解密Promise、Generator 函数、Async 函数三者之间的关系(上) - 掘金
- 生动形象解密Promise、Generator 函数、Async 函数三者之间的关系(下) - 掘金
- 异步编程二三事 | Promise/async/Generator实现原理解析 | 9k字 - 掘金
- Vue初学自用async/await风格api封装(fetch,axios,api,Vue,promis.all) - 掘金
- 总结javascript处理异步的方法 - 掘金
- JS 异步编程六种方案
- 如何实现一个LazyMan? - 知乎
- 「译」理解Javascript的异步
- Promise/async/Generator实现原理解析
¥前端算法与数据结构
#前端算法与数据结构 core
#前端算法
深度优先&广度优先
- 深度优先搜索的理解与实现 - 掘金
字典树
- hh54188/search-trie-tree
视频标签算法
- 看过上百部片子的这个人教你视频标签算法解析 - 掘金
二叉搜索树
- 算法篇 - 二叉搜索树 - 掘金
- 二叉树前中后序遍历非递归实现(JavaScript) - 掘金
- 数据结构:二叉查找树
- TypeScript实现二叉搜索树
- JavaScript 实现简单二叉查找树
色板生成算法
- Ant Design 色板生成算法演进之路 | YMFE
排序算法
- hustcc/JS-Sorting-Algorithm: 一本关于排序算法的 GitBook 在线书籍 《十大经典排序算法》,使用 JavaScript & Python & Go & Java 实现。
- MisterBooo/Play-With-Sort-OC: 基础排序 冒泡排序 插入排序 快速排序 双路快速排序 三路快速排序 堆排序
- sort.hust.cc
- 重温前端10大排序算法(长文建议收藏) - 掘金
- 丰富图例讲解十大经典排序算法 | 面试必备 - 掘金
- 五分钟学会一个高难度算法:快速排序 - 掘金
- 五分钟学算法之经典算法题:排序算法(360校招笔试题) - 掘金
- 五分钟学会一个很有用的排序:归并排序 - 掘金
- 五分钟学会一个有意思的排序:计数排序 - 掘金
- 五分钟看懂一个高难度的排序:堆排序 - 掘金
- 五分钟学会一个高难度算法:希尔排序 - 掘金
- JS冒泡排序的6种写法 - 掘金
- 基础排序算法总结【JavaScript实现】
- Jquery对Table表格排序(方法一) - CSDN博客
- jquery对table表格操作(方法二) - CSDN博客
- 十大经典排序算法的 JavaScript 实现 - 梦想天空(山边小溪) - 博客园
备胎算法(延迟接受算法)
- 什么是备胎算法? - 掘金
字符串匹配算法
- 五分钟带你领略: 腾讯半年来出现最频繁的算法之一——字符串解码 - 掘金
- 漫画:什么是KMP算法?
二分查找
- 5分钟带你领略:写一个二分查找为什么让面试者挂的这么惨? - 掘金
- 【算法】二分查找和大O表示法 - 掘金
- 前端面试官:请使用二分法搜索旋转数组
动态规划(Dynamic programming,DP)
- 一文搞懂动态规划
- 这个前端竟然用动态规划写瀑布流布局?给我打死他!
- 经典动态规划问题:高楼扔鸡蛋 - 知乎
- 动态规划 - 知乎
- 高楼扔鸡蛋问题进阶解法 - 知乎
- 图论动态规划算法——Floyd最短路径
- 五大常用算法之二:动态规划算法 - 红脸书生 - 博客园
商品多规格选择(SKU)
- 分分钟学会前端sku算法(商品多规格选择)
图形算法
- 图形算法(邻接矩阵)
分布式一致性算法
- 分布式一致性算法,你确定不了解一下
力导向算法
- 力导向树形图算法的推导与优化
分治算法
- 五大常用算法之一:分治算法 - 红脸书生 - 博客园
回溯法
- 五大常用算法之四:回溯法 - 红脸书生 - 博客园
分支限界法
- 五大常用算法之五:分支限界法 - 红脸书生 - 博客园
贪心算法
- 五大常用算法之三:贪心算法 - 红脸书生 - 博客园
- trekhleb/javascript-algorithms: Algorithms and data structures implemented in JavaScript with explanations and links to further readings
- javascript-algorithms/README.zh-CN.md at master · trekhleb/javascript-algorithms
#前端数据结构
链表
- 【译】2019年JavaScript中的计算机科学:链表 - 掘金
- 这十几个链表题型面试必考(详细解析) - 掘金
栈与队列
- 用JavaScript实现栈与队列 - 掘金
- JS数据结构学习:栈 - 掘金
- 队列与双端队列的实现 - 掘金
- 使用JavaScript的数组实现数据结构中的队列与堆栈 - 孤傲苍狼 - 博客园
堆
- JavaScript手写数据结构(链表,BST,堆) - 掘金
- 数据结构:堆
- TypeScript实现二叉堆
树
二分搜索树(Binary Search Tree,BST)
- JavaScript手写数据结构(链表,BST,堆) - 掘金
红黑树
- 红黑树上红黑果,红黑树下你和我 —— 红黑树入门 | 6k字 - 掘金
- JS构建一个树形结构数据
复杂度分析
- 【小猪佩奇漫画】| 复杂度分析原来那么简单! - 掘金
枚举(enum)
- 前端为什么要使用枚举 - 掘金
集合
- 集合的实现
图
- TypeScript实现图
#前端算法与数据结构 资源、整理集&FAQ
#前端算法与数据结构 资源
- Search · algo
- algorithms · GitHub Topics
- algorithm · GitHub Topics
- javascript-algorithms · GitHub Topics
- data-structures · GitHub Topics
- 为什么我认为数据结构与算法对前端开发很重要? · Issue #2 · LeuisKen/leuisken.github.io
- OBKoro1/Brush_algorithm: 前端算法,求Star⭐️,文档地址 //obkoro1.com/web_accumulate/algorithm/
- greyireland/algorithm-pattern: 算法模板,最科学的刷题方式,最快速的刷题路径,你值得拥有~
- geekxh/hello-algorithm: 🌍「算法面试+算法知识」针对小白的算法训练 | 还包括:1、阿里、字节、滴滴 百篇大厂面经汇总 2、千本开源电子书 3、百张思维导图 (右侧来个 star 吧 🌹,English version supported)
- BruceYuj/algorithm-series-courseware
- vipstone/algorithm: 小白学算法系列笔记
- gdhucoder/Algorithms4: Algorithms, 4th Edition SOLUTIONS
- wangzheng0822/algo: 数据结构和算法必知必会的50个代码实现
- mgechev/javascript-algorithms: 💻 JavaScript implementations of computer science algorithms
- barretlee/daily-algorithms: 算法,每日练习
- 算法/数学计算 - 开源软件 - Gitee.com
- mfcplot: mfc数学函数曲线绘制程序
- milvus: Milvus,为海量特征向量的近似最近邻搜索(ANNS)而设计。相比 Faiss 和 SPTAG 这样的算子库,Milvus 提供完整的向量数据更新,索引与查询框架。Milvus 利用 GPU(Nvidia)进行索引加速与查询加速,能大幅提高单机性能
- OneFLOW: mirror of OneFLOW on github(https://github.com/eric2003/OneFLOW),国产高性能开源CFD(计算流体力学)模拟软件。
- CKeditor编辑器数学公式插件: 基于CKeditor编辑器的可视化的数学公式编辑器,可以返回数学公式。
- ShortestPathFindingAlgorithm: 基于Dijkstra算法的最短路径查找(swing,GUI,图形化动态效果,含有向图、无向图)
- Big-O Algorithm Complexity Cheat Sheet (Know Thy Complexities!) @ericdrowell
- 程序员必须掌握哪些算法? - 知乎
- 程序员必须掌握哪些算法? - 知乎
- 程序员必须掌握哪些算法? - 知乎
- LeetCode按照怎样的顺序来刷题比较好? - 知乎
- 奥利给 | 小浩算法
#前端算法与数据结构 整理集
《JS 数据结构解析和算法实现》
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-二分搜索树(一) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-二分搜索树(二) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-链表与递归 - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-链表 - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-栈和队列 - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-Arrays(数组) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-红黑树(一) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-红黑树(二) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-AVL树(一) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-AVL树(二) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-并查集(一) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-并查集(二) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-Trie字典树 - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-线段树 - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-堆和优先队列(一) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-堆和优先队列(二) - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-集合和映射 - 掘金
- 【从蛋壳到满天飞】JS 数据结构解析和算法实现-哈希表 - 掘金
《浅解前端必须掌握的算法》
- 浅解前端必须掌握的算法(一):冒泡排序 - 掘金
- 浅解前端必须掌握的算法(二):简单选择排序 - 掘金
- 浅解前端必须掌握的算法(三):直接插入排序 - 掘金
- 浅解前端必须掌握的算法(四):希尔排序 - 掘金
- 浅解前端必须掌握的算法(五):堆排序(上) - 掘金
- 浅解前端必须掌握的算法(五):堆排序(下) - 掘金
《看图轻松理解数据结构和算法系列》
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 看图轻松理解数据结构与算法系列(合并排序)
- 远洋号
- 远洋号
- 看图轻松理解数据结构与算法系列(Radix树)
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
- 远洋号
《前端进阶算法》
- 前端进阶算法1:如何分析、统计算法的执行效率和资源消耗? - 掘金
- 前端进阶算法2:从Chrome V8源码看JavaScript数组(附赠腾讯面试题) - 掘金
- 前端进阶算法3:从浏览器缓存淘汰策略和Vue的keep-alive学习LRU算法 - 掘金
- 前端进阶算法4:链表原来如此简单(+leetcode刷题) - 掘金
- 前端进阶算法5:全方位解读前端用到的栈结构(+leetcode刷题) - 掘金
- 前端进阶算法6:一看就懂的队列及配套算法题 - 掘金
- 前端进阶算法7:小白都可以看懂的树与二叉树 - 掘金
- 前端进阶算法8:头条正在面的哈希表问题 - 掘金
- 前端进阶算法9:看完这篇,再也不怕堆排序、Top K、中位数问题面试了
- 前端进阶算法:常见算法题及完美题解 - 掘金
- 前端进阶算法:别再说你不懂topk问题了 - 掘金
- 瓶子君前端进阶算法营首周总结 - 掘金
《数据结构与算法》
- 【数据结构与算法】如何高效学习数据结构与算法 - 掘金
- 【数据结构与算法】分析时间与空间复杂度 - 掘金
- 【数据结构与算法】用动图解说数组、链表、跳表原理与实现 - 掘金
- 【数据结构与算法】力扣实战之移动零、盛最多的水、爬楼梯 - 掘金
- 数据结构与算法-学习之路-开篇
- 数据结构与算法-时间,空间复杂度分析
- 数据结构与算法-深入浅出数据结构
- 数据结构与算法-如何自己动手实现一个java.util.ArrayList
- 数据结构与算法-如何手动实现一个java.util.LinkedList
- 数据结构与算法-如何在编译器语法检查中匹配括号
- 数据结构与算法-设计一个双端循环队列
- 数据结构与算法-java.util.HashMap源码分析
《数据结构与算法系列》
- 数据结构与算法系列——查找(一)
- 数据结构与算法系列——查找(二)之BST树
- 数据结构与算法系列——查找(三)之AVL树
《算法与数据结构》
- 「算法与数据结构」链表的9个基本操作
- 「算法与数据结构」梳理6大排序算法
- 「算法与数据结构」DFS和BFS算法之美
- 「算法与数据结构」一张脑图带你看动态规划算法之美
- 「算法与数据结构」带你看哈希算法之美
- 「算法与数据结构」带你看回溯算法之美
- 「算法与数据结构」分治算法之美
- 「算法与数据结构」Trie树之美
- 「算法与数据结构」二叉树之美
- 「算法与数据结构」你可能需要的一份前端算法总结
《几乎刷完了力扣所有的***题,我发现了这些东西》
- 几乎刷完了力扣所有的树题,我发现了这些东西。。。
- 几乎刷完了力扣所有的链表题,我发现了这些东西。。。
- 几乎刷完了力扣所有的堆题,我发现了这些东西
- 几乎刷完了力扣所有的链表题,我发现了这些东西。。。 | lucifer的网络博客
- 几乎刷完了力扣所有的堆题,我发现了这些东西。。。(第二弹)
《数据结构》
- 数据结构 | 并查集 & 联合 - 查找算法
- 数据结构 | 微博 Top 10 热搜是怎么计算出来的?(二叉堆)
- gatieme/CodingInterviews: 剑指Offer——名企面试官精讲典型编程题
- 最全排序算法——助力你拿到心仪的 offer - 掘金
- 一篇搞定前端高频手撕算法题(36道)
- JavaScript数据结构与算法_专题_脚本之家
- JavaScript数学运算_专题_脚本之家
- JavaScript遍历算法与技巧_专题_脚本之家
- JavaScript查找算法_专题_脚本之家
- 目录 - 面试助力,算法 101:JavaScript 描述
- 算法学习笔记(目录) - 知乎
- 算法学习笔记 - 知乎
- 算法
#前端算法与数据结构 FAQ
#查询
- js精准查询与模糊查询,总有一种适合你的需求 - 掘金
- 嗯,查询滑动窗口最大值的这4种方法不错...
- 聊聊前端排序的那些事 | EFE Tech
- Data structures reference, for coding interviews and computer science classes | Interview Cake
- 比较JavaScript中的数据结构(数组与对象)
- (1.8w字)负重前行,前端工程师如何系统练习数据结构和算法?【上】
- 图解数据结构(开篇)
- [浅析]特定场景下取代if-else和switch的方案 - 掘金
- 补充一个替代 for 循环的新姿势 - 掘金
- 前端也来点算法(TS版) | 1 - LRU Cache - 掘金
- 前端也来点算法(TypeScript版) | 2 - 回文数和回文链表 - 掘金
- 5分钟带你领略:分治算法用到极限是什么样子? - 掘金
- 5分钟带你领略:某跳动公司面试出镜率最高的算法之一——虚拟十叉树建模问题 - 掘金
- js基本搜索算法实现与170万条数据下的性能测试 - 掘金
- 前端算法渣的救赎之路🚀
- 「算法思想」分治、动态规划、回溯、贪心一锅炖 - 掘金
- 「算法思想」分治、动态规划、回溯、贪心一锅炖 - 掘金
- 可视化算法网站汇总,从此简单学算法!(附动图)
- 尺取法---解决带关键字:"连续、最、子"问题---Javascript实现
- 求字符串的全排列
- 前端常见算法的JS实现 - 每天学点前端开发 - SegmentFault 思否
- 实用算法解析 - 前缀和 - 前端路漫漫 - SegmentFault 思否
- 程序员必须掌握哪些算法? - 知乎
- 【js】常用的一些基础算法 | 师峰的博客
¥设计模式
《JavaScript设计模式与开发实践》
- 《JavaScript设计模式与开发实践》最全知识点汇总大全 - 掘金
- 《JavaScript设计模式与开发实践》基础篇(1)—— this、call 和 apply - 掘金
- 《JavaScript设计模式与开发实践》基础篇(2)—— 闭包和高阶函数 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(1)—— 单例模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(2)—— 策略模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(3)—— 代理模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(4)—— 迭代器模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(5)—— 观察者模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(6)—— 命令模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(7)—— 组合模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(8)—— 模板方法模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(9)—— 享元模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(10)—— 职责链模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(11)—— 中介者模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(12)—— 装饰者模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(13)—— 状态模式 - 掘金
- 《JavaScript设计模式与开发实践》模式篇(14)—— 适配器模式 - 掘金
- 《JavaScript设计模式与开发实践》原则篇(1)—— 单一职责原则 - 掘金
- 《JavaScript设计模式与开发实践》原则篇(2)—— 最少知识原则 - 掘金
- 《JavaScript设计模式与开发实践》原则篇(3)—— 开放-封闭原则 - 掘金
《JS设计模式》
- JS设计模式一:工厂模式 - 掘金
- jS设计模式二:单例模式 - 掘金
- JS设计模式三:模块模式 - 掘金
- JS设计模式四:代理模式 - 掘金
- JS设计模式五:职责链模式 - 掘金
- JS设计模式六:策略模式 - 掘金
- JS设计模式七:发布-订阅模式 - 掘金
《每天一个设计模式》
- 每天一个设计模式之责任链模式 - 掘金
- 每天一个设计模式之享元模式 - 掘金
- 每天一个设计模式之组合模式 - 掘金
- 每天一个设计模式之命令模式 - 掘金
- 每天一个设计模式之订阅-发布模式 - 掘金
- 每天一个设计模式·迭代器模式 - 掘金
- 每天一个设计模式·代理模式 - 掘金
- 每天一个设计模式·策略模式 - 掘金
- 每天一个设计模式之单例模式 - 掘金
- 每天一个设计模式之装饰者模式 - 掘金
- JavaScript设计模式es6(23种) - 掘金
- 小白设计模式:组合模式 - 掘金
- 在JavaScript中理解策略模式 - 掘金
- JavaScript 常见设计模式 - 掘金
- 在JavaScript中理解组合模式 - 掘金
- 15分钟带你了解前端工程师必知的javascript设计模式(附详细思维导图和源码) - 掘金
- 框架源码中用来提高扩展性的设计模式
- 史上最全的JS设计模式(一)
- 前端进阶之路:1.5w字整理23种前端设计模式
- 结合TypeScript,来讲前端人用的设计模式(Design pattern)
- 史上最全的JS设计模式(一)
- 史上最全的JS设计模式(二)
- JavaScript-观察者模式(publish/subscribe) - CSDN博客
- (...) 前端需要了解的9种设计模式 - 半路出家老菜鸟 - SegmentFault 思否
- 在JavaScript中尝试组合模式 | 夜曉宸
- 常用设计模式有哪些?
- 1W字图解23种设计模式(TypeScript版)——前端切图崽必修内功心法
- JavaScript 指南 | MDN
- 命令式、声明式、面向对象、函数式、控制反转之华山论剑(上) - 掘金
- 命令式、声明式、函数式、面向对象、控制反转之华山论剑(下) - 掘金
- 关于 MDN - MDN项目 | MDN
$JS frameworks
$3D框架
tensorspace
- tensorspace-team/tensorspace: Neural network 3D visualization framework, build interactive and intuitive model in browsers, support pre-trained deep learning models from TensorFlow, Keras, TensorFlow.js
- TensorSpace.js
- 3分钟打开Web 3D图形学的大门 - 掘金
$angularJS&angular
angularJS&angualar core
¥angularJS&angualar 服务端渲染(SSR)
@ng-toolkit
- maciejtreder/ng-toolkit: Angular tool-box! Start your PWA in two steps! Add Serverless support for existing projects and much more
- Angular - Angular Universal:Angular 统一平台简介
- Angular - Server-side rendering (SSR) with Angular Universal
¥core
- Angular
- angular/angular.js: AngularJS - HTML enhanced for web apps!
- angular/angular: One framework. Mobile & desktop.
- Issues · angular/angular.js
- Angular
- 一套框架,多种平台 - Angular
- AngularJS — Superheroic JavaScript MVW Framework
- Quickstart - ts - QUICKSTART
- https://code.angularjs.org
- Angular
- AngularJS中文网
- Angular
- 首页 - AngularJS Nice Things
- AngularJS: Developer Guide: Migrating from 1.0 to 1.2
- ng-book 2: The Complete Book on Angular 2
- Angular中文社区 | Angular中文社区
- Angular中文社区 | Angular中文社区
- Angular中文社区 | Angular中文社区
- Angular (web framework) - Wikipedia
- Angular 2 - [ 前端知识库 ]
- AngularJS 教程 | 菜鸟教程
- AngularJS 教程 | 菜鸟教程
- Angular 2 教程 | 菜鸟教程
- Angular 中文开发手册 - 开发者手册 - 云+社区 - 腾讯云
¥router
- angular/router: The Angular 1 Component Router
- NG-CONF 2020
angularJS&angular components&libs
¥angular-component
- toddmotto/angular-component: Fully featured .component() polyfill for Angular v1.3+
¥angular 上传&下载
#angular上传
angular-dragdrop
- codef0rmer/angular-dragdrop: Implementing jQueryUI Drag and Drop functionality in AngularJS (with Animation) is easier than ever
- angular-dragdrop/angular-dragdrop: Angular HTML5 Drag and Drop directive written in pure js with no dependency on JQuery.
- Drag and Drop for AngularJS
- Angular Drag and Drop
ngx-filepond
- pqina/ngx-filepond: 🔌 A handy FilePond adapter component for Angular
¥chart
gantt
- angular-gantt/angular-gantt: Gantt chart component for AngularJS
- dalestone/angular2-gantt: A gantt library written in angular
- Angular Gantt - Gantt chart component for AngularJS
- g1eb/angular-calendar-heatmap: 📊 Angular directive for d3.js calendar heatmap graph
¥event
ngx-dropzone-wrapper
- zefoy/ngx-dropzone-wrapper: Angular wrapper library for Dropzone
¥form&table
#angularJS&angular 密码强度
- angular-material-extensions/password-strength: Angular UI library to illustrate and validate a password's strength with material design - Angular V9 supported
- subarroca/ng-password-strength: Password strength directive for angular
- rnadler/ng2-password-strength-bar: Angular 2/4/5 Password Strength Bar
angular-formly
- formly-js/angular-formly: JavaScript powered forms for AngularJS
- angular-formly
angular-drag-and-drop-lists
- marceljuenemann/angular-drag-and-drop-lists: Angular directives for sorting nested lists using the HTML5 Drag & Drop API
angular-datepicker
- 720kb/angular-datepicker: Angularjs datepicker module, generate a datepicker on your input element - https://720kb.github.io/angular-datepicker
angular-w5c-validator
- why520crazy/angular-w5c-validator: a simple plugin for angular form validation
- w5cValidator - Angular js
angular-formio
- formio/angular-formio: JSON powered forms for Angular
angular-schema-form
- json-schema-form/angular-schema-form: Generate forms from a JSON schema, with AngularJS!
ajsf
- hamzahamidi/ajsf: Angular JSON Schema Form
angular2-json-schema-form
- dschnelldavis/angular2-json-schema-form: Angular 2 JSON Schema Form builder
json-formatter
- mohsen1/json-formatter: Angular directive for collapsible JSON in HTML
ngx-formly
- ngx-formly/ngx-formly: JSON powered / Dynamic forms for Angular
ngx-schema-form
- guillotinaweb/ngx-schema-form: HTML form generation based on JSON Schema
¥router
ui-router
- angular-ui/ui-router: The de-facto solution to flexible routing with nested views in AngularJS
¥Reactive
platform
- ngrx/platform: Reactive libraries for Angular
rx.angular.js
- Reactive-Extensions/rx.angular.js: AngularJS Bindings for RxJS
¥state management
ngrx/store
- ngrx/store: RxJS powered state management for Angular applications, inspired by Redux
¥UI
angular-swagger-ui-material
- darosh/angular-swagger-ui-material: [ABANDONED] Material Design template for angular-swager-ui
components
- angular/components: Component infrastructure and Material Design components for Angular
element-angular
- ElemeFE/element-angular: Element for Angular
- Element Angular Ex
material
- angular/material: Material design for AngularJS
material2
- angular/material2: Material Design components for Angular
ng-devui
- DevCloudFE/ng-devui: 华为云DevCloud,基于Angular的企业级前端组件库;DevUI components based on Angular
- DevUI
ng-tasty
- Zizzamia/ng-tasty: A tasty collection of reusable UI components for Angular, like grandma used to make. Like Table directive, WebSocket / Debounce / Throttle service, Range / Camelize / Slugify filters
¥编辑器
angular-marked
- Hypercubed/angular-marked: Markdown in AngularJS using marked.
- bojue/Web-Editor: Web编辑器Demo tag0.1.0,在线预览版没有支持service,最新版本请下载service(node.js)端
ui-codemirror
- angular-ui/ui-codemirror: This directive allows you to add CodeMirror to your textarea elements.
ngx-codemirror
- TypeCtrl/ngx-codemirror: Codemirror Wrapper for Angular
¥数据处理、优化
angular-debounce
- shahata/angular-debounce: AngularJS service and directive for debounce
angular-modal
- btford/angular-modal: Simple AngularJS service for creating modals
¥环境、平台、设备
angular-environment
- juanpablob/angular-environment: AngularJS Environment Plugin
ng-device-detector
- srfrnk/ng-device-detector: Angular module to detect OS / Browser / Device
¥文本、文档
angular-pdfjs-viewer
- legalthings/angular-pdfjs-viewer: PDF.js viewer directive for AngularJS
¥布局
flex-layout
- angular/flex-layout: Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API
- ag-Grid Documentation: Home Page
¥性能优化
#async tasks
zone.js
- angular/zone.js: Implements Zones for JavaScript
- angular/packages/zone.js at master · angular/angular
- 翻阅源码后,我终于理解了Zone.js - 知乎
in-memory-web-api
- angular/in-memory-web-api
protractor-console-plugin
- angular/protractor-console-plugin: Checks the browser log after each test for warnings and errors
quickstart
- angular/quickstart: Angular QuickStart - source from the documentation
¥存储
angular-local-storage
- grevory/angular-local-storage: An AngularJS module that gives you access to the browsers local storage with cookie fallback
angular-indexedDB
- webcss/angular-indexedDB: An angularjs serviceprovider to utilize indexedDB with angular
angular2-indexeddb
- gilf/angular2-indexeddb: angular2-indexeddb is a library that wraps indexeddb database in an Angular service.
angular-cookie
- ivpusic/angular-cookie: Lightweight Angular module for access to cookies
¥剪切板(Clipboard)
angular-clipboard
- omichelsen/angular-clipboard: Copy to clipboard with AngularJS directive, without using Flash.
- KostyaTretyak/ng-stack: Angular library
- fodelf/likeVue: use vue api in ts
angularJS&angular frameworks
¥angularJS&angualar 服务端渲染(SSR)
angular-ssr
- rangle/angular-ssr: Angular 4+ server-side rendering solution compatible with @angular/material, jQuery, and other libraries that touch the DOM (as well as providing a rich feature set!)
angular-cli
- angular/angular-cli: CLI tool for Angular
- Angular CLI
angular-seed
- angular/angular-seed: Seed project for angular apps.
blur-admin
- akveo/blur-admin: AngularJS Bootstrap Admin Panel Framework
di.js
- angular/di.js: Dependency Injection Framework for the future generations...
Mooa
- phodal/mooa: Mooa 是一个为 Angular 服务的微前端框架。A independent-deployment micro-frontend Framework for Angular from single-spa.
- MooaExamples
protractor
- angular/protractor: E2E test framework for Angular apps
angularJS&angular projects
¥angularJS&angualar 服务端渲染(SSR)
《Angular6入门项目》
- 【CuteJavaScript】Angular6入门项目(1.构建项目和创建路由) - 掘金
- 【CuteJavaScript】Angular6入门项目(2.构建项目页面和组件) - 掘金
- 【CuteJavaScript】Angular6入门项目(3.编写服务和引入RxJS) - 掘金
- 【CuteJavaScript】Angular6入门项目(4.改造组件和添加HTTP服务) - 掘金
angular2-rxjs-chat
- ng-book/angular2-rxjs-chat: Example Chat Application using RxJS and Angular 2
Angular-Full-Stack
- DavideViolante/Angular-Full-Stack: Angular Full Stack project built using Angular, Express, Mongoose and Node. Whole stack in TypeScript.
react-native-renderer
- angular/react-native-renderer: Use Angular and React Native to build applications for Android and iOS
- linguowei/micro-note: 📝 A micro note application
- akveo/ngx-admin: Admin dashboard template based on Angular 5+, Bootstrap 4 (previously known as ng2-admin)
- crk123kk/angular-example: 关于一些angular项目使用的基本实例
- eclipse123/angular-spring-mybatis: 示例代码,仅供参考
- ng-matero/ng-matero: Angular Material admin dashboard template.
angularJS&angular tools
angularJS&angualar 服务端渲染(SSR)
- PatrickJS/angular-md5: md5 for Angular.js and Gravatar filter
- PatrickJS/angular-crypto: angular-crypto provides standard and secure cryptographic algorithms for Angular.js with support for: MD5, SHA-1, SHA-256, RC4, Rabbit, AES, DES, PBKDF2, HMAC, OFB, CFB, CTR, CBC, Base64
angularJS&angular 资源、整理集&FAQ
¥angular 资源
- PatrickJS/awesome-angular: A curated list of awesome Angular resources
- AngularJS/Angular官网_JavaScript_大强博客-CSDN博客
- 关于Angular2的一些资料(持续更新中) - angular - SegmentFault
- 自己收集的部分Angular学习资料 - 生活 - SegmentFault 思否
- 我自己整理的一些Angular2项目和资源_慕课手记
- 【译】Angular最佳实践 - 掘金
¥angular 整理集
- deepthan/blog-angular: Angular(2+)学习教程:知识点用法总结和学习资源整合。还用其做了一个诗歌站点:
- 18 个惊人的 Angular 开源项目
¥angular FAQ
- 如何在AngularJs中调用第三方插件库 - CSDN博客
- AngularJs与SpringMVC简单结合使用 - CSDN博客
- 【AngularJS】AngularJS整合Springmvc、Mybatis环境搭建 - CSDN博客
- Angular CLI 快速创建Angular 2项目和组件, 压缩打包发布。 - 张旭超-web前端开发工程师 - SegmentFault 思否
- Angular 4.x 修仙之路 - Angular 4.x 修仙之路 - SegmentFault 思否
- javascript - Angularjs 在写后台管理系统如何优雅的使用jQuery插件 - SegmentFault 思否
- 如何在AngularJS中使用插件 - ISWR的专栏 - SegmentFault 思否
- 如何在Angular2中使用jQuery及其插件的方法_AngularJS_脚本之家
- angular第三方包开发整理(小结)_AngularJS_脚本之家
- Angular5中调用第三方js插件的方法_AngularJS_脚本之家
- Angular如何引入第三方库的方法详解_AngularJS_脚本之家
- 如何在AngularJs中调用第三方插件库_AngularJS_脚本之家
- AngularJS常用插件与指令收集 - pei~乐悠悠 - 博客园
- 在angularjs路由中单个页面独立添加js文件及在angularjs中使用jquery插件 - pf12345
- 给 Web 开发者的 25 款最有用的 AngularJS 工具 - 开源中国社区
- angularjs项目的页面跳转如何实现(5种方法)_AngularJS_脚本之家
- Angular企业级开发(6)-使用Gulp构建和打包前端项目 - 快乐八哥 - 博客园
- 20个免费的 AngularJS 资源和开发教程 - 梦想天空(山边小溪) - 博客园
- jQuery File Upload Demo
- jQuery File Upload Demo - AngularJS version
- Angular5入门与提高_Angular教程_汇智网
$data-driven、event-driven、state management、模块化、数据模型&面向对象
aura
- aurajs/aura: A scalable, event-driven JavaScript architecture for developing component-based applications.
AmpersandJS
- AmpersandJS/ampersand: Quickest way to get started with ampersand.
- AmpersandJS/ampersand-view: A smart base view for Backbone apps, to make it easy to bind collections and properties to the DOM.
- AmpersandJS/ampersand-state: Core state management object.
- AmpersandJS/ampersand-model: Observable objects, for managing state in applications.
- AmpersandJS/ampersand-collection: A module for handling collections of objects
- AmpersandJS/ampersand-sync: Provides sync behavior for updating data from ampersand models and collections to the server.
- AmpersandJS/ampersand-router: Clientside router with fallbacks for browsers that don't support pushState. Mostly lifted from Backbone.js.
- AmpersandJS/ampersand-form-view: Completely customizable form lib for bulletproof clientside forms.
- AmpersandJS/ampersand-select-view: Select field for ampersand-form-views
- Ampersand.js - Home
Aurelia
- aurelia/aurelia: Aurelia 2, a standards-based, front-end framework designed for high-performing, ambitious applications.
- aurelia/framework: The Aurelia 1 framework entry point, bringing together all the required sub-modules of Aurelia.
CanJS
- canjs/canjs: JS framework providing state management, templates & custom elements. Helps you build the impossible while keeping the common stuff easy.
- CanJS - Build CRUD apps in fewer lines of code
MooTools
mootools-core
- mootools/mootools-core: MooTools Core Repository
- mootools/mootools-more: MooTools Plugins and Enhancements Repository
- MooTools
- MooTools
- Mootools 1.4中文手册
- Mootools中文文档 - Fx/Css
- mootools | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- sxalexander/jquery-scrollspy: A JQuery Implementation of David Walsh's MooTools scrollspy
- rauchg/TextboxList: MooTools tokenizer
- digitarald/digitarald-fancyupload: Swiff meets Ajax for powerful and elegant uploads (MooTools Plugin).
- monkeyphysics/mootools-datepicker: Smoothly animating, very configurable and easy to install. No Ajax, pure Javascript.
- plasm/the-wall: A Javascript plugin for Mootools
- chinalu/JSPinyin: To get chinese pinyin from chinese. Based on mootools.
- cpojer/mootools-mobile: Makes your web applications more touching.
- anutron/mootools-bootstrap: Bootstrap JS implementation for twitter's Bootstrap CSS framework
- moobilejs/moobile-core: A mobile application framework based on Mootools.
- samuelbirch/MultiBox: mootools lightbox plugin that supports a wide variety of media
- jQuery与MooTools库的一些比对 « 张鑫旭-鑫空间-鑫生活
postal.js
- postaljs/postal.js: JavaScript pub/sub library supporting advanced subscription features, and several helpful add-ons.
reactivesearch
- appbaseio/reactivesearch: React, React Native and Vue UI components for building data-driven apps with Elasticsearch
regularjs
- regularjs
- regularjs/regular: regularjs: a living template engine that helps us to create data-driven component.
- Regularjs - A concise, flexible framework for creating data-driven component
tyshemo
- tangshuang/tyshemo: A javascript runtime data type checking system and morden reactive state management model.
- TySheMo
Vmo
- xiaobebe/Vmo: Vmo 是一个用于前端的数据模型。解决前端接口访问混乱,服务端数据请求方式不统一,数据返回结果不一致的微型框架。
- Vmo前端数据模型设计 - 掘金
- alibaba/schema-plugin-flow: A highly extensible JavaScript library, abbreviated as Sifo. 一个高扩展性、可二开的插件式前端开发框架
$Declarative、Functional、Presentation、Reactive&Responsive
¥响应式邮件框架
foundation-emails
- foundation/foundation-emails: Quickly create responsive HTML emails that work on any device and client. Even Outlook.
- Foundation for Emails | A Responsive Email Framework from ZURB
responsive-html-email-template
- leemunroe/responsive-html-email-template: A free simple responsive HTML email template
Alpine.js
- alpinejs/alpine: A rugged, minimal framework for composing JavaScript behavior in your markup.
cyclejs
- cyclejs/cyclejs: A functional and reactive JavaScript framework for predictable code
- Cycle.js
doux
- yisar/doux: 🦄 Simple reactivity system with composition API.
Furatto
- IcaliaLabs/furatto: It's a flat, fast and powerful front-end framework for rapid web development.
- Furatto
- Furatto – 轻量,友好的响应式前端开发框架 - 梦想天空(山边小溪) - 博客园
Foundation
- zurb/foundation-sites: The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
- Foundation | The most advanced responsive front-end framework in the world.
- The most advanced responsive front-end framework in the world. | Foundation
frint
- frintjs/frint: Modular JavaScript framework for building scalable and reactive applications
knockout
- knockout/knockout: Knockout makes it easier to create rich, responsive UIs with JavaScript
- Knockout : Home
- Knockout-Contrib/Knockout-Validation: A validation library for Knockout JS
marko
- marko-js/marko: A declarative, HTML-based language that makes building web apps fun
Ractive.js
- ractivejs/ractive: Next-generation DOM manipulation
reveal.js
- hakimel/reveal.js: The HTML Presentation Framework
- reveal.js – The HTML Presentation Framework
skelJS
- http://skeljs.org/
- Skeljs – 用于构建响应式网站的前端开发框架 - 梦想天空(山边小溪) - 博客园
slides
- briancavalier/slides: A slide presentation framework in HTML, JS, and OOCSS
- HTML Slide Presentation Framework
solid
- ryansolid/solid: A declarative, efficient, and flexible JavaScript library for building user interfaces.
- solid/solid: Solid - Re-decentralizing the web (project directory)
stimulus
- hotwired/stimulus: A modest JavaScript framework for the HTML you already have
- Stimulus: A modest JavaScript framework for the HTML you already have.
- sl1673495/typescript-proxy-reactive: 🚀TypeScript实现基于Proxy的响应式库
- 15款帮助我们创建响应式布局的优秀前端框架 - 梦想天空(山边小溪) - 博客园
$jQuery
jQuery core
- nefe/You-Dont-Need-jQuery: Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript.
- Jquery UI 中文网
- jQuery UI
- jQuery API 中文文档 -- jQuery 中文网
- jQuery
- jQuery -jquery 中文网
- jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm
- jQuery API 中文文档(适用jQuery 1.0 - jQuery 3.1)
- jquery 在线手册 | jQuery API 中文手册 | jQuery 速查表 | jQuery 参考手册 | jQuery CHM | jQuery 在线文档 | jQuery 1.12.1
jQuery frameworks
Sammy.js
- quirkey/sammy: Sammy is a tiny javascript framework built on top of jQuery, It's RESTful Evented Javascript.
- Sammy.js / A Small Web Framework with Class / RESTFul Evented JavaScript
jQuery libs、plugins&tools
¥jQuery开发插件
- umd/jqueryPlugin.js at master · umdjs/umd
- jQuery $.extend()用法总结 - 晴晴加油 - 博客园
- 理解jquery的$.extend()、$.fn和$.fn.extend()-前端开发博客
¥jQuery 上传&下载
jquery-filepond
- pqina/jquery-filepond: 🔌 A handy FilePond wrapper for jQuery
¥loading
- 8款效果精美的 jQuery 加载动画和进度条插件 - 梦想天空(山边小溪) - 博客园
- 真是好东西!一组动感的页面加载动画效果 - 梦想天空(山边小溪) - 博客园
- 页面加载特效(Page Loading Effects) | Demo 3
- 基于HTML5 SVG的jQuery圆形进度条动画特效_jQuery之家-自由分享jQuery、html5、css3的插件库
¥UI
jquery easyui
- JQuery EasyUI中文网
- EasyUI - 帮助您轻松构建您的网页
- 文档 - jQuery EasyUI
- Easyui中文社区
- jQuery EasyUI 教程 | 菜鸟教程
- EasyUI学习总结(一)——EasyUI入门 - 孤傲苍狼 - 博客园
- The Pete Design | Minimal UI and Functional UX Design and Development Freelancer
¥动画、效果、特效、变换
¥shadow
flat-shadow
- peachananr/flat-shadow: A small jQuery plugin that will automatically cast a shadow creating depth for your flat UI elements
jquery easing
- jQuery Easing Plugin
- jQuery Easing 使用方法及其图解 - CSDN博客
jquery-resize
- cowboy/jquery-resize: A resize event for ALL your jQueries!
- jquery-resize | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- Ben Alman » jQuery resize event
- jquery.ba-resize.min.js 免费开源代码阅读 开发,分享 - CodeForge.cn
- js.jquery_ba_resize · PyPI
图片轮播
swiper
- amazeui/swiper: Most modern mobile touch slider with hardware accelerated transitions.
- Amaze UI Swiper | Amaze UI 插件
slick
- kenwheeler/slick: the last carousel you'll ever need
- amazeui/slick: jQuery carousel plugin.
- Amaze UI Slick | Amaze UI 插件
- Nivo Slider - 世界上最棒的 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园
固定头部切换效果
Stickup
- stickUp - a free jQuery Plugin
- LiranCohen/stickUp: stickUp a jQuery Plugin for sticky navigation menus.
sticky-kit
- Sticky-Kit | jQuery plugin for sticky elements
- leafo/sticky-kit: A jQuery plugin for creating smart sticky elements
- Midnight.js – 实现奇妙的固定头部切换效果 - 梦想天空(山边小溪) - 博客园
传送带插件
slick
- Slick – 这是你需要的最后一款 jQuery 传送带插件 - 梦想天空(山边小溪) - 博客园
文字闪烁、提示
提示/提词器系统
scrollocue
- soxofaan/scrollocue: Simple autocue/teleprompter jQuery plugin
- Scrollocue
- 原生js tooltip提示框插件制作鼠标滑过提示文字效果代码
- 简单的css3输入框提示文字效果
- jQuery仿Word查找结果高亮显示代码
- jquery ui iPicture图片提示插件鼠标悬停到图片上提示文字信息
- js文字特效制作js文字闪烁与文字变色效果
- jquery 文字闪烁支持自动文字闪烁、点击文字闪烁、验证文字闪烁
- 纯css3霓虹灯文字闪烁动画特效
- 纯css3标题文字间歇滚动效果
自适应背景
jquery.adaptive-backgrounds.js
- briangonzalez/jquery.adaptive-backgrounds.js: 🦎 A jQuery plugin for extracting the dominant color from images and applying the color to their parent.
- jquery.adaptive-backgrounds.js • A jQuery plugin for extracting dominant colors from images and applying it to its parent
- zachstronaut/jquery-animate-css-rotate-scale: A monkey patch for jQuery 1.3.1+ that adds support for setting or animating CSS scale and rotation independently.
- Permit.js - A jQuery Plugin to Simplify the Building of Interactive Multi-State Prototypes
- ScrollMe – 在网页中加入各种滚动动画效果 - 梦想天空(山边小溪) - 博客园
- 12款响应式的 jQuery 旋转木马(传送带)插件 - 梦想天空(山边小溪) - 博客园
- Velocity – 另外一款加速的 jQuery 动画插件 - 梦想天空(山边小溪) - 博客园
- 精心挑选:10款实用的 jQuery Tab 切换插件和教程 - 梦想天空(山边小溪) - 博客园
- 使用 jQuery & CSS3 实现翻转的作品集滑块 - 梦想天空(山边小溪) - 博客园
- 精心挑选10款优秀的 jQuery 图片左右滚动插件 - 梦想天空(山边小溪) - 博客园
- jq返回顶部多种实现方法 - 波克比520 - 博客园
- jQuery Countdown Timer 倒计时效果 - 梦想天空(山边小溪) - 博客园
¥图片
imagesloaded
- desandro/imagesloaded: JavaScript is all like "You images done yet or what?"
Lightbox 插件
- henrygd/bigpicture: Lightweight JavaScript image / video viewer. Supports Youtube and Vimeo.
- baguetteBox.js - 简单易用的 lightbox 插件 - 梦想天空(山边小溪) - 博客园
- alexanderdickson/waitForImages: A jQuery plugin that lets you attach callbacks to useful image loading events.
- jonom/jquery-focuspoint: jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.
- jQuery图像处理 - 开源软件 - 开源中国
- Photopile JS – 帮助你实现精致的照片堆叠效果 - 梦想天空(山边小溪) - 博客园
- Dense.js - 响应式的视网膜(Rtina)图像支持 - 梦想天空(山边小溪) - 博客园
- tiltShift.js - CSS3 滤镜实现移轴镜头效果 - 梦想天空(山边小溪) - 博客园
- 60款很酷的 jQuery 幻灯片演示和下载 - 梦想天空(山边小溪) - 博客园
- Prezento – 轻量、简单的 jQuery 幻灯片插件 - 梦想天空(山边小溪) - 博客园
- WebSlides - 轻松制作漂亮的 HTML 幻灯片(演讲稿) - 梦想天空(山边小溪) - 博客园
- 推荐15款创建漂亮幻灯片的 jQuery 插件 - 梦想天空(山边小溪) - 博客园
- Elastic Image Slider 带缩略图功能的幻灯片 - 梦想天空(山边小溪) - 博客园
- Slides - 在线制作效果精美的幻灯片(PPT) - 梦想天空(山边小溪) - 博客园
- SlidesJS - 老牌的响应式 jQuery 幻灯片插件 - 梦想天空(山边小溪) - 博客园
- Skippr – 轻量、快速的 jQuery 幻灯片插件 - 梦想天空(山边小溪) - 博客园
- www.cnblogs.com/lhb25/archive/2011/11/20/15-jquery-image-effects.html
- 8款非常棒的响应式 jQuery 幻灯片插件推荐 - 梦想天空(山边小溪) - 博客园
- 精心挑选的23款美轮美奂的 jQuery 图片特效插件 - 梦想天空(山边小溪) - 博客园
- 网站项目必备——12款经典的白富美型 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园
- S Gallery – 很有特色的响应式 jQuery 相册插件 - 梦想天空(山边小溪) - 博客园
- 使用 jQuery & CSS3 制作美丽的照片画廊 - 梦想天空(山边小溪) - 博客园
- 基于 jQuery 实现的精致作品集图片导航效果 - 梦想天空(山边小溪) - 博客园
- Image Wall - jQuery & CSS3 图片墙效果 - 梦想天空(山边小溪) - 博客园
- ZOOM - 简单易用的 jQuery 照片相册插件 - 梦想天空(山边小溪) - 博客园
- Rotating Image Slider - 图片旋转切换特效 - 梦想天空(山边小溪) - 博客园
- 学习使用 jQuery & CSS3 制作照片堆栈效果 - 梦想天空(山边小溪) - 博客园
- 分享22款响应式的 jQuery 图片滑块插件 - 梦想天空(山边小溪) - 博客园
- 使用 FocusPoint.js 实现图片的响应式裁剪 - 梦想天空(山边小溪) - 博客园
- Swipebox – 用于触屏设备的精美 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
- Strip JS – 低侵入,响应式的 Lightbox 效果 - 梦想天空(山边小溪) - 博客园
- 20款美化网站的 jQuery Lightbox 灯箱插件 - 梦想天空(山边小溪) - 博客园
- FancyBox - 经典的 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
¥表格、表单
¥jQuery Validate
jQuery Password Validation
- jzaefferer/jquery-validation.password
- easy-designs/jquery.easyValidationRules.js: Form field validation via associated lists. Inspired by http://aerotwist.com/blog/better-password-form-fields/ Demo:
- jQuery Password Validation(密码验证) | 菜鸟教程
- jQuery Password Validation(密码验证)插件 - CSDN博客
- jQuery Password Validation(密码验证) - CSDN博客
- jQuery Password Validation密码验证_jquery_脚本之家
- 修改密码jQuery校验(代码) - html/css语言栏目:html.css - 红黑联盟
- bassistance.de » jQuery plugin: Password Validation
- Aerotwist - Better password form fields
jQuery-Form-Validator
- victorjonsson/jQuery-Form-Validator: jQuery plugin that makes it easy to validate user input while keeping your HTML markup clean from javascript code.
- jQuery Form Validator
jQuery html5Validate
- zhangxinxu/html5Validate: 基于HTML5新特性新规范的表单验证jQuery插件
- jQuery html5Validate基于HTML5表单验证插件 « 张鑫旭-鑫空间-鑫生活
- JS前端验证与用户自由思想 « 张鑫旭-鑫空间-鑫生活
Jquery Validation
- blog/formValidation.js at master · liuyunzhuge/blog
- jquery-validation/jquery-validation: jQuery Validation Plugin library sources
- jQuery Validate | jQuery Plugin Registry
- jQuery Validate | 菜鸟教程
- Jquery插件-Validate使用方式 - CSDN博客
- jQuery Validate使用笔记 - CSDN博客
- jQuery Validate - CSDN博客
- Spring shiro + bootstrap + jquery.validate 登录、注册 - CSDN博客
- 基于Bootstrap+jQuery.validate Form表单验证实践 - CSDN博客
- JQuery validate验证规则 - CSDN博客
- bootstrap3-validation.js bootstrap 的jquery 表单验证 - CSDN博客
- JQuery的validation插件 - CSDN博客
- mongoose+express+jQuery Validate实现用户表单异步验证 - 简书
- JQuery validate验证规则 - 一米阳光! - 博客园
- jQuery Validate验证框架详解 - 松峰 - 博客园
- jQuery Validate - 冰柠檬不酸 - 博客园
- jQuery Validate验证框架详解 - Ruthless - 博客园
- 史上最全JS表单验证封装类 - Ruthless - 博客园
- 封装jQuery Validate扩展验证方法 - Ruthless - 博客园
- Ruthless - 博客园
- Jquery Validation 验证控件的使用说明 - 沙漠飞雪 - 博客园
- jQuery Validation Plugin | Form validation with jQuery
- jQueryValidate详解 - html/css语言栏目:html.css - 红黑联盟
- jQuery插件—Validation Plugin-慕课网
jQuery-Validation-Engine
- posabsolute/jQuery-Validation-Engine: jQuery form validation plugin
tips验证
- 利用jquery.validate以及bootstrap的tooltip开发气泡式的表单校验组件 - 流云诸葛 - 博客园
- aarondo/Strength.js: The ultimate jQuery password input plugin. Featuring secure strength indicator and hide/show password
- tanepiper/jquery.ui.pwstrength: jQueryUI Password Strength Meter
- elboletaire/password-strength-meter: A password strength meter for jQuery
- MorrisJobke/strengthify: Combine jQuery and zxcvbn to create a password strength meter
- n0nick/password_strength: jQuery password strength plugin
- stripe/jquery.mobilePhoneNumber: [DEPRECATED] A general purpose library for validating and formatting mobile phone numbers.
ajax 分页
paginationjs
- superRaytin/paginationjs: A jQuery plugin to provide simple yet fully customisable pagination.
- Pagination.js | Home
实现灵活排序和分页功能
- jPList – 实现灵活排序和分页功能的 jQuery 插件 - 梦想天空(山边小溪) - 博客园
- 精心挑选的12款优秀 jQuery Ajax 分页插件和教程 - 梦想天空(山边小溪) - 博客园
- 分享5种风格的 jQuery 分页效果【附代码】 - 梦想天空(山边小溪) - 博客园
checkbox
- js ymPrompt悬浮窗口点击checkbox选中给text文本框赋值代码
- 纯css3单选按钮和复选按钮样式代码
- jquery checkbox左右框项目选中移动代码
- jquery checkbox复选框美化点击checkbox事件 选中 取消样式
- 9款css3超炫的表单复选框Checkbox美化效果代码
- jquery复选框点击checkbox添加或删除text输入框value值
- js css3表单checkbox多选框选择效果
- jQuery多级checkbox复选框选中代码
- css3 checkbox美化单选按钮和复选按钮美化样式
- jQuery css3表单Checkbox和Radio按钮美化代码
- jquery checkbox点击选中列表样式代码
- html5 css3制作checkbox多选框选中样式特效
- CSS3自定义美化复选框Checkbox按钮样式代码
editable-table
- mindmup/editable-table: tiny jQuery/Bootstrap widget that makes a HTML table editable
form
- jquery-form/form: jQuery Form Plugin
- jQuery Form Plugin by jquery-form
html5sortable
- farhadi/html5sortable: Lightweight jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API.
- lukasoppermann/html5sortable: VanillaJS sortable lists and grids using native HTML5 drag and drop API.
- mattheworiordan/jquery.simulate.drag-sortable.js: Simulate drag events within a JQuery UI Sortable widget (primarily for integration testing)
- HTML5 Sortable
- HTML5 Sortable library
hover
- css3:hover悬停图标展开气泡文本框特效
- jquery鼠标悬停下载按钮滑动显示提示信息文本框
jQuery 下拉列表
jquery-citys
- 城市三级联动 - citys
输入框下拉分页菜单选择插件
- jQuery输入框下拉分页菜单选择插件
- 强大的jquery下拉分页选择插件SelectPage
- bDialog使用实例
- vestman/Select-or-Die: Yet another jQuery plugin to style select elements. Demo at http://vst.mn/selectordie/
- vestman/Select-or-Die-Themes: Theme repository for the SoD
- jdulal/Select-or-Die
- Select-or-Die:灵活的 jQuery 下拉列表插件 - 梦想天空(山边小溪) - 博客园
jQuery Bootgrid
- rstaib/jquery-bootgrid: Nice, sleek and intuitive. A grid control especially designed for bootstrap.
- A jQuery grid plugin - jQuery Bootgrid
jQuery-Mask-Plugin
- igorescobar/jQuery-Mask-Plugin: A jQuery Plugin to make masks on form fields and HTML elements.
- jQuery Mask Plugin - A jQuery Plugin to make masks on form fields and html elements.
jquery-maskmoney
- plentz/jquery-maskmoney: jQuery plugin to mask data entry in the input text in the form of money (currency).
Jquery-Price-Format
- price-format/Jquery-Price-Format: jQuery Price Format Plugin is useful to format input fields and HTML elements as prices. For example, if you type 123456, the plugin updates it to US$ 1,234.56. It is costumizable, so you can use other prefixes, separator
jquery-timeago
- rmm5t/jquery-timeago: :clock8: The original jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago").
jquery.jqprint
- tanathos/jquery.jqprint: jQuery print plugin
支持10种格式的 HTML 表格导出插件
- kayalshri
- HTML table Export
- Tableexport.jquery.plugin by kayalshri
- 支持10种格式的 HTML 表格导出 jQuery 插件 - 梦想天空(山边小溪) - 博客园
日历翻转效果
- jQuery 制作逼真的日历翻转效果的倒计时 - 梦想天空(山边小溪) - 博客园
文字标签
- jQuery文字标签过滤器text文本框输入过滤文字标签效果代码
- jquery表单text文本框回车添加文字标签拖动可调顺序
- jQuery输入框文字空格键创建标签插件
- jquery添加标签html输入文本框动态添加标签代码
- jQuery input文本框输入文字回车创建标签代码
- jQuery标签点击搜索文本框弹出热门标签关键字选择
- jquery text文本框输入文字添加标签可删除_生成标签可删除代码
- jQuery简单输入框添加创建标签代码
- jQuery创建域名标签可删除添加标签代码
- jquery动态添加标签_空格键添加a标签_表单添加html标签元素
- jquery输入框提示插件input输入框文字下拉提示添加标签代码
- js输入关键词创建标签代码
- jQuery发布文章自定义选择添加删除标签代码
- jQuery添加标签插件
- jquery创建标签text文本输入框点击按钮创建标签表单提交value值
- jquery自定义添加标签_自定义删除标签代码
- JQuery+Layer实现添加删除自定义标签代码
文本框
手写输入法
- 原生js 表单搜索text文本框支持手写输入法
省市选择器
- jQuery input文本框城市下拉菜单选择代码
- jQuery点击文本框下拉菜单城市选择代码
- jQuery点击text文本框快速选择城市代码
- jQuery text文本框全国按省选择学校
- jquery点击text文本框弹出省市地区城市选择器
- js text输入框提示火车机票网站点击文本框城市选择
- echarts地图json数据城市选择插件
- 基于element-ui编写省市县三级联动菜单代码
- jQuery配送地址三四级联动城市选择代码
- Angularjs输入框弹出城市街道地址选择代码
- jQuery模拟select框下拉三级联动城市选择器
- jquery四级联动插件城市选择下拉菜单代码
- jQuery中国省市区城市选择三级联动插件
- jQuery遮罩弹出选择地区省市区城市代码
- jQuery移动端省市二级联动城市选择代码
- JQuery带字母分类城市选择器插件代码
- jQuery移动端四级联动世界地区选择代码
- html5 echarts省市区地图城市选择代码
- jQuery城市下拉框菜单选择代码
- jquery仿招聘网站弹出城市选择信息代码
- jquery物流发货省市区城市地图选择器
- jQuery省市区三级联动插件_城市三级联动插件
- 基于jQuery input框点击弹出城市选择器代码
- jQuery省市区三级联动插件代码
- 原生js城市选择控件_js机票城市选择_js城市选择器代码
- 原生js仿淘宝旅游页面多个热门省份城市选择控件
- jquery文字列表全国地区城市选择代码
软键盘&表情
- jQuery keyboard点击弹出虚拟键盘输入text文本框文字内容
- jQuery表情插件文本框输入表情符号代码
- js文本框插入表情支持解析代码
- html5 input文本框插入qq表情代码
- jquery+css3 仿制iphone软键盘输入文本框(兼容ie8以上)
- jquery新浪微博表情插件textarea文本框插入QQ表情表单提交代码
- jquery qq表情插件鼠标点击qq表情图片插入文本框表单提交
- jquery textarea文本框制作新浪微博文本框输入QQ表情评论
- jquery表单提交text文本框点击弹出下拉选择城市文字列表
复制调用text文本框内容
- jquery复制链接点击按钮复制调用text文本框内容
- jQuery默认的文本框弹出层代码
- jQuery input文本框输入文字放大显示效果
- jQuery颜色选择器点击文本框颜色拾取器代码
- js css3文本框编辑文字动画代码
- js表单文本框内容互换效果代码
- jQuery css3输入框焦点事件图标动画效果
- jQuery文本框输入文字飞出动画效果
- jQuery textarea文本框输入文字限制提示代码
- jquery删除添加输入文本框插件
- html5点击text文本框个性化时间选择插件
- html5 input placeholder文本占位符动画插件文本框文字提示输入
¥布局、组件
jquery-audio
- Free Jquery Audio Player | Cincopa
jquery-lang-js
- Irrelon/jquery-lang-js: i18n Automatically deploy and switch multi-language HTML pages without reloading the page.
- Home | Irrelon Software Limited
分布引导插件
- 推荐15款最佳的 jQuery 分步引导插件 - 梦想天空(山边小溪) - 博客园
导航菜单
Path旋转菜单
wheel-menu
- peachananr/wheel-menu: Add a fully customisable Path-like wheel menu button to your website
- jQuery Wheel Menu by Pete R. | The Pete Design
响应式导航
- 15款帮助你实现响应式导航的 jQuery 插件 - 梦想天空(山边小溪) - 博客园
- jQuery仿阿里巴巴顶部下拉菜单代码
- jQuery fixed侧边固定层收缩展开菜单代码
- 自定义设置悬浮图标导航页面功能代码
- jQuery图标导航html响应式导航菜单代码
- win10风格自适应图标导航网页模板
- jquery win8风格图标导航菜单特效
- div css仿京东右侧固定图标菜单栏样式代码
- 扁平的jQuery响应式下拉导航菜单代码
- jquery导航二级菜单太多了下拉菜单滚动显示
- jQuery在线教育网页顶部下拉分类导航菜单代码
- jquery教育网站顶部浮动导航下拉菜单特效
- jquery右键菜单插件制作鼠标右键弹出多级菜单代码
- jQuery css3黑色的多级导航菜单下拉列表代码
- jquery蓝色的旅游网站左侧导航菜单代码
- jquery 导航插件动画导航下拉菜单Apycom软件的Java下拉菜单
- jquery仿360音乐导航条鼠标滑过阶梯动画导航条
- jQuery.mmenu – 用于移动 Web 项目的光滑菜单 - 梦想天空(山边小溪) - 博客园
手风琴插件
手风琴效果
- 使用 jQuery & CSS3 实现优雅的手风琴效果 - 梦想天空(山边小溪) - 博客园
- www.cnblogs.com/lhb25/archive/2012/08/21/jquery-accordion-tutorials.html
- 基于 jQuery 实现垂直滑动的手风琴效果 - 梦想天空(山边小溪) - 博客园
模态窗口,工具提示和消息插件
标签系统插件
- sniperwolf/taggingJS: jQuery plugin to tagging like a charm!
- taggingJS
- TaggingJS – 可以灵活定制的 jQuery 标签系统插件 - 梦想天空(山边小溪) - 博客园
- 基于jQuery的简单消息框MsgBox插件 - CSDN博客
- JBox - 模态窗口,工具提示和消息 jQuery 插件 - 梦想天空(山边小溪) - 博客园
垂直时间轴
- jquery简单竖直的线性时间轴代码
- jQuery发展历程垂直时间轴代码
- jQuery css3垂直时间轴展开动画特效
- jquery垂直时间轴鼠标滚动时间轴滚动代码
- jQuery时间轴特效动画展示垂直时间轴特效代码
- jquery仿站长之家大事记时间轴制作代码
- jquery网页时间轴代码简单的网页时间轴制作效果
- html5 web框架用div css3布局简单的时间轴列表样式
- jQuery animate滑动收缩展开时间轴大事记发展历程
所见即所得(WYSIWYG)编辑器插件
jquery-notebook
- raphaelcruzeiro/jquery-notebook: A modern, simple and elegant WYSIWYG rich text editor.
- Alex-D/Trumbowyg: A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip)
- Trumbowyg - A lightweight WYSIWYG editor by Alex-D / Alexandre Demode
- Trumbowyg - 轻量的 WYSIWYG 编辑器 - 梦想天空(山边小溪) - 博客园
仪表盘插件
- ModelN/sDashboard: A simple & light weight dashboard framework in javascript
砌体
- rnmp/salvattore: A jQuery Masonry alternative with CSS-driven configuration.
- Salvattore — A jQuery Masonry alternative with CSS-driven configuration
- jQuery分步步骤
¥地图
Maplace.js
- danielemoraschi/maplace.js: A Google Maps Javascript plugin for jQuery.
¥菜单
- okayNav – jQuery响应式菜单/导航插件_dowebok
¥other jQuery libs、plugins&tools
- gabceb/jquery-browser-plugin: A jQuery plugin for browser detection
- doedje/jquery.soap: This script uses $.ajax to send a SOAP:Envelope. It can take XML DOM, XML string or JSON as input and the response can be returned as either XML DOM, XML string or JSON too.
- jQuery数据缓存$.data 的使用以及源码解析 - 掘金
- jQuery 插件 - 开源软件 - 开源中国
- Web开发者必备的20款超赞jQuery插件 - 梦想天空(山边小溪) - 博客园
- 过去几个月出炉的30款最喜欢的 jQuery 插件 - 梦想天空(山边小溪) - 博客园
- 分享一组很赞的 jQuery 特效【附源码下载】 - 梦想天空(山边小溪) - 博客园
- 40个新鲜的 jQuery 插件,使您的网站用户友好 - 梦想天空(山边小溪) - 博客园
- 在网站开发中很有用的8个 jQuery 效果【附源码】 - 梦想天空(山边小溪) - 博客园
- Web开发者必备的20款超赞jQuery插件 - 梦想天空(山边小溪) - 博客园
- Web 开发最有用的50款 jQuery 插件集锦——《综合篇》 - 梦想天空(山边小溪) - 博客园
- jQuery之家-自由分享jQuery、html5、css3的插件库
- jQuery插件库-收集最全最新最好的jQuery插件
- iyiguo.net/blog/2012/12/02/jquery-plugins-authoring/
- 插件应用 – 前端开发,JQUERY特效,全栈开发,vue开发
- JQuery Corner Demo
- tangshuang/jqvm: A reactive frontend view-model framework based on jQuery.
jQuery projects
jQuery 资源、整理集&FAQ
jQuery 资源
- Removing jQuery from GitHub.com frontend | GitHub Engineering
- Rails Behaviors
- Simple Stack Effects
- jquery 规范 - 路修远而求索 - 博客园
jQuery 整理集
- JQuery监听页面滚动总结 - CSDN博客
- jquery选择器_专题_脚本之家
- jQuery常用插件_专题_脚本之家
- jQuery扩展技巧_专题_脚本之家
- jQuery表格(table)操作_专题_脚本之家
- jQuery表格(table)操作_专题_脚本之家
- jQuery form操作_专题_脚本之家
- jQuery拖拽特效_专题_脚本之家
- jQuery动画与特效用法_专题_脚本之家
- jQuery加密密码到cookie的实现代码_jquery_脚本之家
- jQuery的cookie操作_专题_脚本之家
- jQuery特效_专题_脚本之家
- jQuery页面加载后执行的事件(3种方式) - 孔小爽 - 博客园
- 开发中可能会用到的几个 jQuery 小提示和技巧 - 梦想天空(山边小溪) - 博客园
- 最全的jQuery知识汇总 - 综合讨论区 - 葡萄城产品技术社区 - 手机版 - Powered by Discuz!
- jQuery判断checkbox是否选中的3种方法 - 幽冥狂_七 - 博客园
jQuery FAQ
- jQuery [attribute$=value] 选择器 | 菜鸟教程
- jQuery height() 方法 | 菜鸟教程
- www.w3school.com.cn/jquery/selector_contains.asp
- .data() | jQuery API Documentation
- JQuery老矣,尚能饭否 - 掘金
- 动态创建Dom元素,并设置属性和类----JS&JQ - CSDN博客
- JQuery的removeProp()与removeAttr()移除属性的区别 - CSDN博客
- jquery判断某个元素是否包含某个类名 - CSDN博客
- jquery如何获取元素的滚动高度 - CSDN博客
- jquery判断某个元素是否包含某个类名 - CSDN博客
- $(document).click() 在iphone上不触发事件解决办法 - CSDN博客
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点 - CSDN博客
- jQuery 鼠标移入移出事件切换 - CSDN博客
- JS JQuery获取当前元素的上一个下一个兄弟级元素等元素的方法 - CSDN博客
- select 2级联动和checkbox全选框联动 - CSDN博客
- jQuery对象与DOM对象之间的转换方法 - CSDN博客
- 关于jquery的each遍历,return只终止当前循环,不好使的解决办法 - CSDN博客
- Jquery给HTML元素绑定按键事件-回车事件 - CSDN博客
- javascript - 多个复选框之间的联动? - SegmentFault 思否
- JQuery跳出each循环的方法_jquery_脚本之家
- 使用jQuery获取data-的自定义属性_jquery_脚本之家
- js jquery获取当前元素的兄弟级 上一个 下一个元素_jquery_脚本之家
- jquery判断元素是否隐藏的多种方法_jquery_脚本之家
- 通过 jQuery 先后为某个元素绑定了 click 事件,有没有办法调整其调用顺序? - 知乎
- JQuery获取页面关闭事件 - 孔小爽 - 博客园
- jquery 事件操作on、off分析 - 筱悦 - 博客园
- easyui datagrid列拖拽 - wuwenhai - 博客园
- jQuery 获取文件后缀的方法 - microsoft-zh.cn - 博客园
- jquery中arrt()和prop()的区别 - Ethan's - 博客园
- jquery中prop,attr,data的区别 - 阿弥陀佛么么哒! - 博客园
- jQuery对象与js对象互相转换 - 超级芒果 - 博客园
- JQuery $(function(){})和$(document).ready(function(){}) - 怪咖Eric - 博客园
- document.onclick在ios上不触发的解决方法与touchstart点击穿透处理 - Redchar - 博客园
- JQ中mouseover和mouseenter的区别 - 墨韵明空 - 博客园
- jQuery on()方法 - leejersey - 博客园
- jQuery+ajax实现动态加载,局部刷新, - TigerZhang - 博客园
- JQuery的可见性选择器与show、hide的关系 - Javascript教程_JS教程_技术文章 - 红黑联盟
$JS MVC框架
Backbone.js
- jashkenas/backbone: Give your JS App some Backbone with Models, Views, Collections, and Events
- Backbone.js
- Backbone.js API中文文档
- Backbone入门指南(一):什么是Backbone? - CSDN博客
mithril.js
- MithrilJS/mithril.js: A Javascript Framework for Building Brilliant Applications
- Introduction - Mithril.js
Spine
- Spine JS Project
- SpineJS - LightWeight MVC Library for Marketing And Business
todomvc
- tastejs/todomvc: Helping you select an MV* framework - Todo apps for React.js, Ember.js, Angular, and many more
- TodoMVC
- 浅谈MVC/MVP/MVVM模式(概述) - 掘金
- 浅谈MVC/MVP/MVVM模式(MVC简单实现) - 掘金
$JS MVP框架
Riot.js
- riot/riot: Simple and elegant component-based UI library
- Riot.js — Simple and elegant component-based UI library
- riot.js学习【三】事件 - da宗熊专栏 - CSDN博客
- 初识riot.js - da宗熊专栏 - CSDN博客
- Riot.js——一个小而美的JS框架 - mervyn - SegmentFault 思否
- riotjs 2.2.4 - 前端学习 - SegmentFault 思否
- riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期 - liulun - 博客园
- riot.js教程【一】简介 - liulun - 博客园
- Riot - 比 Facebook React 更轻量的 UI 库 - 梦想天空(山边小溪) - 博客园
- JavaScript 的 MVP 框架 Riot.js 3.10.0 发布,常规更新 - 开源中国
- Riot.js — 1Kb 大小的 JavaScript 的 MVP 框架 - 开源中国
$JS MVVM框架
sugar
- tangbc/sugar: A lightweight and powerful JavaScript MVVM library. Used for production or learning how to make a full MVVM.
san
- baidu/san: A fast, portable, flexible JavaScript component framework
- San
yox
- yoxjs/yox: A lightweight mvvm framework
- 简介 - Yox - A lightweight mvvm framework
- fengshi123/mvvm_example: 通过完成监听器 Observer 、订阅器 Dep 、订阅者 Watcher 和解析器 Compile 的实现,来模拟初始化一个Vue 实例
$React.js
React.js core
create-react-app
¥create-react-app core
react-scripts
- firstlookmedia/react-scripts: ⚙ shared react app configs
- humanmade/react-wp-scripts: Integrate create-react-app with your WordPress theme/plugin.
- SZzzzz/react-scripts-ts-antd: scripts for create-react-app base on react-scripts-ts
- dozoisch/react-async-script: A React composition mixin for loading 3rd party scripts asynchronously
- raymondsze/create-react-scripts: Easily extend the react-scripts to your own version of react-scripts
- jpavon/react-scripts-ts: @jpavon/react-scripts-ts, react-scripts with ts-loader and type checker on a separate process.
- ro-savage/react-scripts-cssmodules: Enable CSS Modules for Create-React-App using the official CRA api
- pagarme/react-scripts-former-kit-dashboard: 📊 A custom react-scripts for building highly-customizable dashboards using former-kit components
- facebook/create-react-app: Create React apps with no build configuration.
- create-react-app/README.md at master · facebook/create-react-app
- tuchk4/awesome-create-react-app: Awesome list of Create React App articles / tutorials / videos and FAQ
- parksben/react-spa-app: An single-page app skeleton in React, main structures comes from Create-React-App.
- create-react-app/README.md at master · facebook/create-react-app
- create-react-app/adding-custom-environment-variables.md at master · facebook/create-react-app
- bkeepers/dotenv: A Ruby gem to load environment variables from `.env`.
- create-react-app/packages/react-dev-utils at master · facebook/create-react-app
- Effective JavaScript Codemods – Christoph Nakazawa – Medium
- Create React App 2.0: Babel 7, Sass, and More – React Blog
- Getting Started · Create React App
- Create React App · Set up a modern web app by running one command.
- Adding TypeScript · Create React App
- Code Splitting in Create React App | Serverless Stack
- Customizing create-react-app: How to Make Your Own Template
¥create-react-app libs、plugins&tools
create-react-app-antd
- ant-design/create-react-app-antd: Use antd in create-react-app without ejecting ✨
- Ant Design - A UI Design Language
- 在 create-react-app 中使用 - Ant Design
create-react-app-typescript
- wmonk/create-react-app-typescript: DEPRECATED: Create React apps using typescript with no build configuration.
- Migrating from create-react-app-typescript to Create React App · Vincent Tunru.com
create-react-pwa
- jeffposnick/create-react-pwa: https://github.com/facebookincubator/create-react-app + Progressive Web App goodness
- PWA-ification, via SWPrecacheWebpackPlugin + manifest.json by jeffposnick · Pull Request #1728 · facebook/create-react-app
customize-cra
- arackaf/customize-cra: Override webpack configurations for create-react-app 2.0
handy-make
- xiyuyizhi/handy-make: a tool for create react apps,support common use features,inspired by vue-cli and create-react-app
react-app-rewired
- timarney/react-app-rewired: Override create-react-app webpack configs without ejecting
- create-react-app 初始化的项目,如何启用 babelrc 配置文件 - 掘金
roadhog
- sorrycc/roadhog: 🐷 Cli tool for creating react apps, configurable version of create-react-app.
- roadhog 2.0 发布 · Issue #55 · sorrycc/blog
roadhog-api-doc
- nikogu/roadhog-api-doc
- roadhog-api-doc/utils.js at master · nikogu/roadhog-api-doc
react-gh-pages
- gitname/react-gh-pages: Deploying a React App (created using create-react-app) to GitHub Pages
- React App
react-refresh-webpack-plugin
- pmmmwh/react-refresh-webpack-plugin: A Webpack plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React components.
- esetnik/customize-cra-react-refresh: Provides a simple, no frills way to integrate react-refresh into your create-react-app using customize-cra.
¥create-react-app 资源、整理集&FAQ
create-react-app 资源
- docschina/create-react-app: [印记中文](https://docschina.org/) - 🌐 Create React App 中文文档
create-react-app 整理集
create-react-app FAQ
- 0.8.0 breaks svg sprite · Issue #1153 · facebook/create-react-app
- Decorator is not supported! · Issue #214 · facebook/create-react-app
- Easily Add an Babel Plugin · Issue #411 · facebook/create-react-app
- Document maintaining a fork of react-scripts as an alternative to ejecting · Issue #682 · facebook/create-react-app
- create-react-app 使用技巧及源码分析 - 掘金
- 在 create-react-app 中启用装饰器语法 - 掘金
- 扔掉Create React App,打造你自己的React生成工具! - 前端 - 掘金
- 如何扩展 Create React App 的 Webpack 配置 - 掘金
- 快速搭建你的 github pages 个人博客 —— 基于 Create-React-App 的单页面应用实践 - 掘金
- 在 Create React App 中使用 CSS Modules - 掘金
- 在 Create React App 中启用 Sass 和 Less - 掘金
- 开发 react 应用最好用的脚手架 create-react-app - QTFYING的博客 - CSDN博客
- create-react-app项目添加less配置 - SegmentFault 思否
- 通过create-react-app从零搭建react环境 - 个人文章 - SegmentFault 思否
- create-react-app 配置antd - 简书
- create-react-app 配置 less - 简书
- 基于create-react-app的再配置 - 小火柴的蓝色理想 - 博客园
- create-react-app踩坑记 - -鹿- - 博客园
- 如何扩展 Create React App 的 webpack 配置 - Hacker and Geeker's Way
- create-react-app 配置文件在什么位置呢?_慕课猿问
- Create-react-app创建的项目,不使用npm run eject将webpack.config文件暴露出来,可以模块化引用css么 - 求助 - React 中文
create-react-class
- create-react-class - npm
react-native
¥react-native core
create-react-native-app
- react-community/create-react-native-app: Create a React Native app on any OS with no build config.
- expo/create-react-native-app: Create React Native apps that run on iOS, Android, and web
- expo/expo-cli: Tools for making Expo apps
- Issues · expo/expo-cli
- facebook/react-native: A framework for building native apps with React.
- React Native 中文网
- React Native · A framework for building native apps using React
- React Native Community
¥react-native frameworks
react-web
- taofed/react-web: A framework for building web apps with React Native compatible API.
¥react-native libs、plugins&tools
#A-G
react-native-animated-view
- thisXY/react-native-animated-view: 你可以像jQuery那样只给结果样式就能操作各种动画,你可以控制每一个样式的动画时间、动画函数甚至每一帧等。总之,你可以随意搭配轻松如意地操纵react-native动画。
react-native-custom-fonts
- atoami/react-native-custom-fonts: 📚 React Native Custom Fonts
react-native-drawer-layout
- react-native-community/react-native-drawer-layout: A platform-agnostic drawer layout for react-native
react-native-drawer-layout-polyfill
- react-native-community/react-native-drawer-layout-polyfill: A polyfill for React Natives DrawerLayoutAndroid
react-native-elements
- react-native-elements/react-native-elements: Cross-Platform React Native UI Toolkit
react-native-fetch-polyfill
- robinpowered/react-native-fetch-polyfill: Exposes options to React Native's XMLHttpRequest that are not accessible by `whatwg-fetch`
react-native-fast-image
- DylanVann/react-native-fast-image: 🚩 FastImage, performant React Native image component.
- areslabs/alita: 一套把React Native代码转换成微信小程序代码的转换引擎工具。我们不造轮子,不发明新框架,只是提供工具把RN扩展到微信小程序端。
#H-N
react-native-markdown-renderer
- mientjan/react-native-markdown-renderer: React Native 100% compatible CommonMark renderer
react-native-markdown
- lwansbrough/react-native-markdown: Markdown component for React Native
react-native-markdown-view
- Benjamin-Dobell/react-native-markdown-view: MarkdownView for React Native
react-native-multibar
- alex-melnyk/react-native-multibar: React Native MultiBar
- obipawan/react-native-hyperlink: A <Hyperlink /> component for react-native that makes urls, fuzzy links, emails etc clickable
react-native-image-crop-picker
- ivpusic/react-native-image-crop-picker: iOS/Android image picker with support for camera, video, configurable compression, multiple images and cropping
NativeBase
- GeekyAnts/NativeBase: Essential cross-platform UI components for React Native
react-native-macos
- ptmt/react-native-macos: [deprecated in favor of https://microsoft.github.io/react-native-windows/] React Native for macOS is an experimental fork for writing desktop apps using Cocoa
react-native-i18n
- AlexanderZaytsev/react-native-i18n: React Native + i18n.js
#O-T
react-native-order-flat-list
- thisXY/react-native-order-flat-list: react-native拖动排序列表
react-native-refreshable-listview
- jsdf/react-native-refreshable-listview: Deprecated. A pull-to-refresh ListView which shows a loading spinner while your data reloads
react-native-simple-markdown
- CharlesMangwa/react-native-simple-markdown: 📜 React Native Markdown component (iOS & Android)
react-native-scaling-utils
- tiaanduplessis/react-native-scaling-utils: Simple scaling utilities for React Native
react-native-swiper
- leecade/react-native-swiper: The best Swiper component for React Native.
react-native-thirdparty
- Geek-ch/react-native-thirdparty: collect some react-native-thirdparty 收集了一些RN的第三方组件集合 http://www.jianshu.com/p/53ff78168acc
- React Native 项目常用第三方组件汇总 - 简书
react-three-fiber
- pmndrs/react-three-fiber: 🇨🇭 A React renderer for Three.js (web and react-native)
#U-Z
react-native-web
- necolas/react-native-web: React Native for Web
react-native-vector-icons
- oblador/react-native-vector-icons: Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling.
¥react-native projects
Gakki
- shuiRong/Gakki: A React Native App for Mastodon. development acount in cmx.im:
- Gakki (@shuiRong@cmx.im) - 长毛象中文站
- fengshi123/react_native_project: React Native 项目,主要功能包括:试卷模块(图片剪裁、图片上传、拍照剪裁、语音录入、语音播放、图表统计等)、网盘功能(手指左滑、下拉刷新、各种文件预览等)、视听空间(视频播放、音频播放、全屏、微信分享等)、在线升级等等。
¥react-native 资源、整理集&FAQ
#react-native 资源
awesome-react-native
- jondot/awesome-react-native: Awesome React Native components, news, tools, and learning material!
react-native-guide
- reactnativecn/react-native-guide: React Native指南汇集了各类react-native学习资源、开源App和组件
- typescript-cheatsheets/react-native: react-native-typescript-cheatsheet
- React Native 环境搭建与入门
- React Native学习资源全家桶 - ReactNative开发圈 - SegmentFault 思否
#react-native 整理集
#react-native FAQ
- 【译】React Native - 同步和异步渲染性能 - 掘金
- 【译】React Native中的动画渐变 - 掘金
- React Native 中的状态栏 - 掘金
- 【译】React Native布局原理(以及Fabric将做出的改变) - 掘金
- 定制化你的ReactNative底部导航栏 - 掘金
- React Native教程01:简介及环境准备 - 掘金
- React Native教程02:基础组件和样式介绍(完结) - 掘金
- [译] React Native 中那些令我收获颇丰的痛点 - 掘金
- 如何在 React Native + React Navigation 的项目中优雅地处理 Android 回退按钮事件 - 前端 - 掘金
- React Navtive App 自动打包实践指南 - 前端 - 掘金
- react native 的初次尝试之环境搭建 Mac ios - 掘金
- React Native 原生模块封装:支付宝示例 - 掘金
- React Native列表视图FlatList使用优化实践指南 - 掘金
- react native 重构 clicli APP 总结 - 掘金
- 【reaact-native】android启动屏幕等比缩放与剪裁 | 师峰的博客
flow
- facebook/flow: Adds static typing to JavaScript to improve developer productivity and code quality.
- Flow: A Static Type Checker for JavaScript
- Flow: A Static Type Checker for JavaScript
- Getting Started | Flow
- Subsets & Subtypes | Flow
jsx
styled-jsx
- zeit/styled-jsx: Full CSS support for JSX without compromises
- styled-jsx - npm
- Topic: jsx
- 介绍全新的 JSX 转换 – React Blog
- [译] JSX 的替代方案 - 掘金
- 重拾JSX - 掘金
redux
¥redux core
#react-redux
react-redux-starter-kit
- davezuko/react-redux-starter-kit: Get started with React, Redux, and React-Router.
- reduxjs/react-redux: Official React bindings for Redux
- gothinkster/react-redux-realworld-example-app: Exemplary real world application built with React + Redux
- jeffersonRibeiro/react-shopping-cart: 🛍️ Simple ecommerce cart application built with React Redux
- React Redux · Official React bindings for Redux
- react-redux 文档 · GitBook
- react-redux项目实战教程 · GitBook (Legacy)
- 庖丁解牛React-Redux(一): connectAdvanced - 掘金
- 庖丁解牛React-Redux(二): connect - 掘金
- react-redux源码解析 - 掘金
- React-Redux 100行代码简易版探究原理。(面试热点,React Hook + TypeScript实现) - 掘金
react-redux-links
- markerikson/react-redux-links: Curated tutorial and resource links I've collected on React, Redux, ES6, and more
react-redux-typescript-guide
- piotrwitek/react-redux-typescript-guide: The complete guide to static typing in "React & Redux" apps using TypeScript
- Redux
- reduxjs/redux: Predictable state container for JavaScript apps
- jasonslyvia/a-cartoon-intro-to-redux-cn: 看漫画,学 Redux。不写一行代码,轻松看懂 Redux 原理!
- Read Me - Redux
- applyMiddleware · Redux
- www.redux.org.cn
- 实现撤销重做 · Redux
- Middleware · Redux
- 自述 · GitBook
¥redux libs、plugins&tools
#Promise的解决方案
redux-promise
- redux-utilities/redux-promise: FSA-compliant promise middleware for Redux.
redux-promise-middleware
- pburtchaell/redux-promise-middleware: Enables simple, yet robust handling of async action creators in Redux
- Introduction - Promise Middleware
- 一个插件让你在 Redux 中写 promise 事半功倍 - 掘金
#回调函数的解决方案
redux-thunk
redux-thunk core
- reduxjs/redux-thunk: Thunk middleware for Redux
- redux-thunk 之谜 - 掘金
- Redux异步解决方案之Redux-Thunk原理及源码解析
#发布/订阅的解决方案
redux-saga
redux-saga core
- redux-saga/redux-saga: An alternative side effect model for Redux apps
- Read Me · Redux-Saga
- API 参考 · Redux-Saga
- 初级教程 · Redux-Saga
《Redux Hero》
- Redux Hero Part 1: A Hero is Born (A Fun Introduction to Redux.js)
- Redux Hero Part 2: Actions and Their Consequences (a Fun Introduction to redux-actions)
- Redux Hero Part 3: Choose Wisely (a Fun Introduction to reselect.js)
- Redux Hero Part 5: The Hero is Tested (a Fun Introduction to redux-saga-test-plan)
- Redux Hero Part 4:每个英雄都需要一个大反派(一种有趣的方式介绍 redux-saga) - 掘金
- 手写Redux-Saga源码
- 从redux-thunk到redux-saga实践 - 不挑食的程序员 - SegmentFault 思否
- redux-saga 实践总结 - 知乎
- Redux Saga实践
- javascript – 使用redux-saga与ES6发电机vs redux-thunk与ES7 async/await的优点/缺点 - 代码日志
- javascript – 编写一个与redux / redux-saga共享数据的HoC - 代码日志
#A-G
beautiful-react-redux
- theKashey/beautiful-react-redux: Redux 🚀, Redux 🤘, Redux 🔥 - and the magic optimization
redux-actions
- redux-utilities/redux-actions: Flux Standard Action utilities for Redux.
- Read Me - redux-actions
redux-debounced
- ryanseddon/redux-debounced: Debounce middleware for Redux
redux-debounce
- wyze/redux-debounce: FSA-compliant middleware for Redux to debounce actions.
- redux-debounce - npm
redux-devtools-extension
- zalmoxisus/redux-devtools-extension: Redux DevTools extension.
- Extension · Redux DevTools Extension
redux-di-middleware
- redux-di-middleware - npm
redux-effect
- liumin1128/redux-effect: redux-effect
- 优雅的redux异步中间件 redux-effect - 掘金
#H-N
redux-immutable
- gajus/redux-immutable: redux-immutable is used to create an equivalent function of Redux combineReducers that works with Immutable.js state.
- indexiatech/redux-immutablejs: Redux Immutable facilities.
redux-logger
- LogRocket/redux-logger: Logger for Redux
react-redux-i18n
- artisavotins/react-redux-i18n: binding for redux and react-i18nify
react-intl-redux
- ratson/react-intl-redux: Redux binding for React Intl.
#O-T
redux-observable
- redux-observable/redux-observable: RxJS middleware for action side effects in Redux using "Epics"
- Introduction · redux-observable
- 使用 redux-observable 实现组件自治 - 掘金
- redux-observable
redux-persist
- rt2zz/redux-persist: persist and rehydrate a redux store
reduce-reducers
- redux-utilities/reduce-reducers: Reduce multiple reducers into a single reducer from left to right
redux-react-firebase
- tiberiuc/redux-react-firebase: Use Firebase with React and Redux in ES6
- redux-react-firebase/API.md at master · tiberiuc/redux-react-firebase
redux-rx
- acdlite/redux-rx: RxJS utilities for Redux.
rematch
- rematch/rematch: A Redux Framework
- Getting Started · Rematch
reselect
- reduxjs/reselect: Selector library for Redux
reactive-react-redux
- dai-shi/reactive-react-redux: React Redux binding with React Hooks and Proxy
redux-toolkit
- reduxjs/redux-toolkit: The official, opinionated, batteries-included toolset for efficient Redux development
standard-redux-shape
- ecomfe/standard-redux-shape: A library to help standardize your redux state shape
svelte3-redux
- dai-shi/svelte3-redux: Redux for Svelte 3
- rtk-incubator/rtk-query: Experimental data fetching and caching addon for Redux Toolkit
#U-Z
redux-zero
- redux-zero/redux-zero: A lightweight state container based on Redux
why-did-you-update-redux
- theKashey/why-did-you-update-redux: Patch Redux to discover unnecessary re-renders
¥redux 资源、整理集&FAQ
- javascript - How to dispatch a Redux action with a timeout? - Stack Overflow
- Redux 入门教程(一):基本用法 - 阮一峰的网络日志
- Redux 入门教程(二):中间件与异步操作 - 阮一峰的网络日志
- Redux 入门教程(三):React-Redux 的用法 - 阮一峰的网络日志
- React + Redux 性能优化(一):理论篇 - 掘金
- React + Redux 性能优化(二)工具篇: Immutablejs - 掘金
- Redux + Immutable.js 性能优化 - 掘金
- 10行代码看尽redux原理 —— 全面剖析redux | react-redux | redux中间件设计实现(近8k字) - 掘金
- React通过redux缓存列表数据以及滑动位置,回退时恢复页面状态 - 掘金
- Redux 基础教程以及结合 React 使用方式 - 掘金
- 为什么react-redux没有更新hooks API - 掘金
- 通俗易懂地理解Redux - 掘金
- Redux开发实用教程 - 掘金
- RxJS与Redux结合使用(一):打造自己的redux-observable - 掘金
- react-redux/redux相关API,用法原理 - 掘金
- 造玩具学原理系列 | redux 源码解析及模拟实现 - 掘金
- 喵了个咪!redux middleware居然如此简单! - 掘金
- [三元学Redux]Redux中间件(thunk+saga应用) - 掘金
- Redux工作流及工程化编码指南 - 掘金
- redux v4.0.0 源码分析 - 掘金
- 不一样的redux源码解析 - 掘金
- 用少量代码实现redux核心部分及其演化历史 - 掘金
- 用最基础的方法讲解 Redux 实现原理 - 掘金
- Redux源码初探 - 掘金
- 【KT】轻松搞定Redux源码解读与编程艺术
- react-redux的使用从action规划到reducer实现及完整案例 - Marswill - CSDN博客
- Redux与它的中间件:redux-thunk,redux-actions,redux-promise,redux-sage - qq_42606051的博客 - CSDN博客
- Redux、Redux-Thunk、Redux-Sagas、React-Redux学习笔记 - WJ的博客 - CSDN博客
- redux、react-redux、middleware原理及使用 - 简书
- Redux,Koa,Express之middleware机制对比 - 简书
- redux, koa, express 中间件实现对比解析 - 个人文章 - SegmentFault 思否
- Redux的全家桶与最佳实践 - 知乎
- 一起动手造轮子: Redux + React Redux - 知乎
- redux-thunk, redux-logger 阮一峰 ( react中间件 ) - 小小公举 - 博客园
- koa/redux middleware 深入解析 - chenby - 博客园
- Redux之中间件的原理和applyMiddleware、Thunk的实现 - xxx=== - 博客园
- 《彻底掌握redux》之开发一个任务管理平台
- Redux Crash Course with Hooks 🎣 - DEV Community
react-router
react-router core
react-router-dom
- react-router/packages/react-router-dom at master · ReactTraining/react-router
- react-router-dom - npm
- react-router-dom示例讲解(一)——基本使用 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(二)——url路径参数 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(三)——认证功能 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(四)——自定义链接 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(五)——阻止导航 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(六)——未匹配(404页面) - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(七),路径递归 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(8)侧边栏 - mapbar_front的博客 - CSDN博客
- react-router-dom示例讲解(9)模糊匹配 - mapbar_front的博客 - CSDN博客
- react通过react-router-dom拦截实现登录验证 - przlovecsdn的博客 - CSDN博客
- React-Router-DOM 4.x 的使用 - 优雅的博客 - CSDN博客
- react-router-dom嵌套路由_qq_40816649的博客-CSDN博客
- react-router-dom v^4学习历程(一) - 前端技术交流 - SegmentFault 思否
- React Router DOM 中文文档(一) - 简书
- React Router DOM 中文文档(二) - 简书
- 在React中使用react-router-dom路由 - 简书
- 使用react-router-dom 来搭建react路由 - 一叶*秋 - 博客园
- ReactTraining/react-router: Declarative routing for React
- docschina/react-router.cn: [印记中文](https://docschina.org/) - 🌐 react-router 中文文档
- React Router: Declarative Routing for React.js
- React Router: Declarative Routing for React.js
- React Router: Declarative Routing for React.js
- React Router: Declarative Routing for React.js
- Introduction | React Router 中文文档
- API 文档 | React Router 中文文档
- react-router.cn
- Deployment · Create React App
react-router libs、plugins&tools
connected-react-router
- supasate/connected-react-router: A Redux binding for React Router v4
react-router-config
- react-router/README.md at master · ReactTraining/react-router
- react-router-config - npm
- react-router-config 插件使用和分析 - qq_33325899的博客 - CSDN博客
- 利用react-router4的react-router-config做路由鉴权 - 个人文章 - SegmentFault 思否
- react-router4基于react-router-config的路由拆分与按需加载 - 简书
react-router-5-course
- ReactTraining/react-router-5-course
react-live-route
- fi3ework/react-live-route: An enhanced react-router-v4/5 Route that keeps route alive.
react-router 资源、整理集&FAQ
- 前端路由实现及 react-router v4 源码分析 · Issue #21 · fi3ework/blog
- Protecting a route with react-router-config? · Issue #4962 · ReactTraining/react-router
- Newest 'react-router' Questions - Stack Overflow
- javascript - reactjs - can not read property push of undefined - Stack Overflow
- 「源码解析 」这一次彻底弄懂react-router路由原理
- 如何实现一个react-router路由拦截(导航守卫) - 掘金
- 【译】手摸手写一个你自己的 React Router v4 - 掘金
- 实现react-router v4(上) - 掘金
- React Router v5.1.x中的新功能 - 掘金
- React-Router v6 新特性解读及迁移指南 - 掘金
- React-router、antd实现同步浏览器地址高亮对应菜单 - 掘金
- dva学习-route路由学习 - Visonws的博客 - CSDN博客
- React-Router4.X路由的嵌套以及实例_pckonline的博客-CSDN博客
- react-router4中嵌套路由的写法_weixin_39963132的博客-CSDN博客
- 利用react-router实现按需加载、登录验证、刷新组件。。。 - 每天一探 - SegmentFault 思否
- React Router 4.0 ---- 嵌套路由和动态路由 - SamWeb - 博客园
- react router4.0实现登录拦截 - 爱情博物馆
React.js 服务端渲染(SSR)
React.js awesome、源码、文档&社区
¥Fiber
《React Fiber源码分析》
- React Fiber源码分析 第一篇 - 掘金
- React Fiber源码分析 第二篇(同步模式) - 掘金
- React Fiber源码分析 第三篇(异步状态) - 掘金
- React Fiber源码分析 第四篇(归纳总结) - 掘金
fre
- 132yse/fre: Fast 1kb JavaScript library with Fiber and hooks API
- fre-document
- React Fiber 数据结构揭秘 - 掘金
- react fiber 主流程及功能模块梳理 - 掘金
- React Fiber 源码解析
- 手写React的Fiber架构,深入理解其原理
- 轻烤 React 核心机制:React Fiber 与 Reconciliation
¥HTTP
- AJAX and APIs – React
¥React 源码
#React 源码 core
- facebook/react: A declarative, efficient, and flexible JavaScript library for building user interfaces.
- reactjs/cn.reactjs.org: (Work in progress) React documentation website in Chinese
- reactjs/zh-hans.reactjs.org: (Work in progress) React documentation website in Simplified Chinese
- docschina/react: React docs in Chinese | React 中文文档翻译
- discountry/react: React docs in Chinese | React 中文文档翻译
- reactjs/rfcs: RFCs for changes to React
- Issues · facebook/react
- yiminghe/learning-react: materials about learning react
- React - A JavaScript library for building user interfaces
- React – 用于构建用户界面的 JavaScript 库
- React 中文文档 - 用于构建用户界面的 JavaScript 库
- React 中文文档 - 用于构建用户界面的 JavaScript 库
- 入门教程: 认识 React – React
- React v16.13.0 – React Blog
- Where To Get Support – React
- DOM Elements – React
- 传递函数给组件 - React
- React 中文文档 - 用于构建用户界面的 JavaScript 库
- React 中文
- React integration for ASP.NET MVC | ReactJS.NET
- React 中文开发手册 - 开发者手册 - 云+社区 - 腾讯云
- React 组件 API | 菜鸟教程
#React 源码分析
《React源代码解析》
- React源代码解析(1):jsx语法是如何解析 - 掘金
- React源代码解析(2):组件的挂载 - 掘金
- React源代码解析(3):组件的生命周期 - 掘金
《React源码系列》
- React源码系列(一): 总结看源码心得及方法感受 · Issue #1 · jsonz1993/react-source-learn
- React源码系列(二): 从jsx到createElement · Issue #2 · jsonz1993/react-source-learn
- React源码系列(三): ReactRoot的创建以及调度工作scheduleWork的执行 · Issue #3 · jsonz1993/react-source-learn
- React源码系列(四): Fiber Tree && commit · Issue #4 · jsonz1993/react-source-learn
- React源码系列(五): 新 ContextAPI · Issue #5 · jsonz1993/react-source-learn
- React 源码系列-Component、PureComponent、function Component 分析 - 掘金
- React 源码系列 | ref 功能详解 | 源码 + 实战例子 | 你可能并不真正懂 ref - 掘金
- React 源码系列 | React Children 详解 | Children 中 key 内部生成原理 - 掘金
- React 源码系列 | React Context 详解 - 掘金
《React 源码学习》
- React 源码学习(一):HTML 元素渲染 - 掘金
- React 源码学习(二):HTML 子元素渲染 - 掘金
- React 源码学习(三):CSS 样式及 DOM 属性 - 掘金
- React 源码学习(四):事务机制 - 掘金
- React 源码学习(五):事件机制 - 掘金
- React 源码学习(六):组件渲染 - 掘金
- React 源码学习(七):生命周期 - 掘金
- React 源码学习(八):组件更新 - 掘金
- janryWang/react-study: React源码分析,需要进一步了解请移步https://github.com/purplebamboo/little-reactjs
- purplebamboo/little-reactjs: 用来演示reactjs源码的仓库,一步步实现reactjs的核心功能。
- reactjs源码分析-上篇(首次渲染实现原理) | blog of purplebamboo
- reactjs源码分析-下篇(更新机制实现原理) | blog of purplebamboo
- https://juejin.im/post/5dff334851882579dc6f8167
- React16源码解读:揭秘ReactDOM.render - 掘金
- React 对象源码解析-带你走进高级程序员的世界 - 掘金
React 16.0
- 重拾React: React 16.0 - 掘金
¥React 事务
- React事务的一些理解 - 掘金
¥React Scheduler
- react/Scheduler.js at v16.7.0 · facebook/react
- React Scheduler 源码详解(1) - 掘金
- React Scheduler 源码详解(2) - 掘金
- [译] React 中的调度 - 掘金
¥Virtual Dom & React Diff
React Diff/Render
- React 渲染优化:diff 与 shouldComponentUpdate - 掘金
- [译] Virtual Dom 和 Diff 算法在 React 中是如何工作的? - 掘金
- 让虚拟DOM和DOM-diff不再成为你的绊脚石 - 掘金
react-diff-viewer
- praneshr/react-diff-viewer: A simple and beautiful text diff viewer component made with Diff and React.
《你不知道的Virtual DOM》
- 你不知道的Virtual DOM(一):Virtual Dom介绍 - 前端大宝剑 - SegmentFault 思否
- 你不知道的Virtual DOM(二):Virtual Dom的更新 - 前端大宝剑 - SegmentFault 思否
- 你不知道的Virtual DOM(三):Virtual Dom更新优化 - 前端大宝剑 - SegmentFault 思否
- 你不知道的Virtual DOM(四):key的作用 - 前端大宝剑 - SegmentFault 思否
- 你不知道的Virtual DOM(五):自定义组件 - 前端大宝剑 - SegmentFault 思否
- 你不知道的Virtual DOM( 六):事件处理&异步更新 - 前端大宝剑 - SegmentFault 思否
- Topic: virtual-dom
- 从零开始一步一步写一个简单的Virtual DOM实现 2 :Props&Event处理 - 某熊的全栈之路 - SegmentFault 思否
- Vue原理解析之Virtual Dom - Joe - SegmentFault 思否
¥通信方式
- react组件通讯通识篇 - 掘金
- react兄弟组件之间通信 - 农家小院 - CSDN博客
- react没有嵌套关系的组件之间通信方法详解 - bbgdebb的博客 - CSDN博客
- 【react兄弟组件传值用啥】 - CSDN
- React 组件通信之 React context - 个人文章 - SegmentFault 思否
- React中组件通信的几种方式 - 前端小码农 - SegmentFault 思否
- React 中的Context - 简书
- React 中组件间通信的几种方式 - 简书
- React数据流和组件间的通信总结 - Tim晨 - 博客园
- 关于react组件之间的通信 - 极品草根 - 博客园
- React组件之兄弟组件沟通
¥核心概念(Main Concepts)
¥JSX 简介(Introducing JSX)
- Introducing JSX – React
- JSX 简介 – React
¥元素渲染(Rendering Elements)
- Rendering Elements – React
- 元素渲染 – React
¥组件 & Props(Components and Props)
- 组件 & Props – React
- Components and Props – React
#Components
Function/Class
- weekly/95.精读《Function VS Class 组件》.md at master · dt-fe/weekly
- Function 与 Classes 组件的区别在哪? - 掘金
- 【译】函数组件和类组件有什么不同? - 掘金
- 精读《Function VS Class 组件》 - 掘金
- React Ways1——函数即组件 - 掘金
- 一文让你学会 React 函数式组件优化
- [译] React 是如何区分 Class 和 Function 的 ? - 掘金
- react设计--他怎么知道是类组件还是函数组件 - 掘金
React 组件设计模式
reactpatterns.cn
- keelii/reactpatterns.cn: 18 种短小精悍的 React 模式案例,通俗易懂值得收藏。
- React Patterns
- React Patterns
- chantastic/reactpatterns.com
- Presentational and Container Components – Dan Abramov – Medium
- React Higher Order Components in depth – franleplant – Medium
- Function as Child Components – Merrick Christensen – Medium
- (译)React 组件设计模式基础 - 掘金
- react 设计模式与最佳实践 - 掘金
- 【译】更好地设计React组件 - 掘金
- React 组件模式学习总结 - 掘金
组件样式
- 《深入react技术栈》之样式处理 - 掘金
- React给添加元素增加样式 - freesky的专栏 - CSDN博客
- vue开发中,父组件添加scoped之后。解决在父组件中无法修改子组件样式问题。 - 知乎
- 初学React:组件的样式 - 黑乌鸦 - 博客园
组件复用/可重用
<keep-alive> 组件
- React 怎么实现 Vue 的 <keep-alive> 组件 - 掘金
Mixins
react-mixin
- brigand/react-mixin: mixins in react with es6 style classes
react-mixin-manager
- jhudson8/react-mixin-manager: React mixin registration manager which allows mixins to have dependencies
- jhudson8.github.io/fancydocs/index.html#project/jhudson8/react-mixin-manager
react-backbone
- jhudson8/react-backbone: backbone-aware mixins for react and a whole lot more
- Mixins Considered Harmful – React Blog
- React Mixins入门指南 - 掘金
- React-代码复用(mixin.hoc.render props) - 掘金
容器组件
- Container Components – Learn React with chantastic – Medium
- 【译】容器组件 (Container Components) - 掘金
- React组件化复用的一些技巧 - 掘金
- 从同一功能的八种实现,谈谈 react 中的逻辑复用进化过程
- javascript - How do you check the difference between an ECMAScript 6 class and function? - Stack Overflow
- How Does React Tell a Class from a Function? | Overreacted
- React 的几种条件渲染以及选择 - 掘金
- Structuring projects and naming components in React
#Props
- [译]我们为什么要写 super(props)? - 掘金
- react render propsGetter - 掘金
- [译]为什么要写 super(props) - 掘金
- javascript - react这个什么意思<Messages {...this.props}/> - SegmentFault 思否
- React父组件更新props触发子组件的state - 简书
- React的getDefaultProps和getInitialState - 看风景就 - 博客园
- react中父级props改变,更新子级state的多种方法 - 打伞路人 - 博客园
- 设置默认getDefaultProps()报错_慕课问答
¥State & 生命周期
- State and Lifecycle – React
- State & 生命周期 – React
#setState
- React.Component – React
- React浅谈setState - 掘金
- [React技术内幕] setState的秘密 - 掘金
- [译]react的setState如何知道该做什么 --Dan Abramov - 掘金
- 【React深入】setState的执行机制 - 掘金
- 你真的理解setState吗?
- React 之 setState - CSDN博客
- setState详解 - CSDN博客
- 深入研究React setState的工作机制 - DanceOnBeat - 博客园
#React 生命周期
React v16.3新生命周期
- React.Component – React
- React.Component – React
- Update on Async Rendering – React Blog
- 不了解一下React16.3的新生命周期? - 掘金
- React v16.3新生命周期 - clf_programing - CSDN博客
- 【译】React16.3+ 生命周期 - xiaozhuo_tang的博客 - CSDN博客
- React16.3后的生命周期理解 - xjl271314的博客 - CSDN博客
- React生命周期及事件详解 - 明明的博客 - CSDN博客
- (/≧▽≦/)馒头加梨子!
- ReactV16.3即将更改的生命周期_慕课手记
React 16.4 之后的生命周期
- React 组件生命周期详解 - 掘金
- ReactUtilsDemo/react-component-lifecycle at master · beichensky/ReactUtilsDemo
- 我对 React V16.4 生命周期的理解
react-lifecycles-compat
- reactjs/react-lifecycles-compat: Backwards compatibility polyfill for React class components
- React新旧生命周期一览 · Issue #3 · YvetteLau/Blog
- react-pxq/react-lifecycle.png at master · bailicangdu/react-pxq
- React 生命周期浅谈 - 掘金
- 图解React的生命周期及执行顺序 - 掘金
- React v16 生命周期函数详解:如何、何时使用它们(React 组件生命周期的修订和最新指南) - 掘金
- React v16 生命周期函数详解:如何、何时使用它们(React 组件生命周期的修订和最新指南) - 掘金
- 你真的了解 React 生命周期吗 - 掘金
- JavaScript实现自定义的生命周期 - 掘金
- [三元学React]React组件的生命周期函数 - 掘金
- React 新旧生命周期的思考理解 - 知乎
- React生命周期执行顺序详解 - xiaobe - 博客园
- 来谈谈Reactv16.3新生命周期知识点及遇到的问题 - html/css语言栏目:html.css - 红黑联盟
- React15和React16生命周期对比,初识Fiber
- horseshoe/不可变属性.md at master · veedrin/horseshoe
¥事件处理(Handling Events)
- Handling Events – React
- 事件处理 – React
- 处理事件 – React 中文文档 v16.6.3
- 通过例子来理解 React 的事件系统
¥条件渲染(Conditional Rendering)
- Conditional Rendering – React
- 条件渲染 – React
¥列表 & Key(Lists and Keys)
- Lists and Keys – React
- 列表 & Key – React
- [React技术内幕] key带来了什么 - 掘金
¥表单(Forms)
- Forms – React
- 表单 – React
¥状态提升(Lifting State Up)
- Lifting State Up – React
- 状态提升 – React
¥组合 vs 继承(Composition vs Inheritance)
- Composition vs Inheritance – React
- 组合 vs 继承 – React
¥React 哲学(Thinking in React)
- Thinking in React – React
- React 哲学 – React
¥高级指引(Advanced Guides)
¥网络无障碍辅助功能(Accessibility,a11y)
- Accessibility – React
- 无障碍辅助功能 – React
¥代码分割(Code-Splitting)
- Code-Splitting – React
- 代码分割 – React
- 【翻译】基于 Create React App路由4.0的异步组件加载(Code Splitting) - naice - SegmentFault 思否
¥Context
create-react-context
- jamiebuilds/create-react-context: Polyfill for the proposed React context API
react-context-global-store
- eleme/react-context-global-store: A simple global store based on React context
- New version of context by acdlite · Pull Request #2 · reactjs/rfcs
- Context – React
- Context – React
- Legacy Context – React
- 重拾React: Context - 掘金
- 基于React Context Api 和 Es6 Proxy的状态管理 - 掘金
- React状态管理之Context - 掘金
- (译)React ⚛️ 新的 Context API - 掘金
- 使用 react Context API 的正确姿势 - 掘金
- React 老版本的context API使用对比 - 掘金
¥错误边界(Error Boundaries)
- Error Boundaries – React
- 错误边界 – React
¥Refs 转发(Forwarding Refs)
- Forwarding Refs – React
- Refs 转发 – React
¥Fragments
- Fragments – React
- Fragments – React
¥高阶组件(Higher-Order Components,HOC)
- Higher-Order Components – React
- 高阶组件 – React
hoist-non-react-statics
- mridgway/hoist-non-react-statics: Copies non-react specific statics from a child component to a parent component
react-xstream-hoc
- staltz/react-xstream-hoc: A utility to make React components easily consume xstream streams
react-feature-toggles
- paralleldrive/react-feature-toggles: Feature Toggles for React Projects
react-debounce-render
- podefr/react-debounce-render: A React higher order component to debounce the rendering of your React components
- acdlite/recompose: A React utility belt for function components and higher-order components.
- [译] 使用 Recompose 来构建高阶组件 - 掘金
- ES 6 装饰器与 React 高阶组件 - 掘金
- React 高阶组件介绍 - 掘金
- React 高阶组件(HOC)入门指南 - 掘金
- React 中的高阶组件及其应用场景 - 掘金
- React高阶组件初探(1) - 掘金
- React 高级应用 -- 高阶组件 Heigher Order Component - 掘金
- React 高阶组件 - 掘金
- React Conditional Rendering Best Practices with 7 Different Methods - DEV
¥与第三方库协同(Integrating with Other Libraries)
- Integrating with Other Libraries – React
- 与第三方库协同 – React
¥深入 JSX(JSX In Depth)
- JSX In Depth – React
- 深入 JSX – React
¥性能优化(Optimizing Performance)
- Optimizing Performance – React
- Optimizing Performance – React
¥Portals
- Portals – React
- Portals – React
- 传送门:React Portal - 知乎
¥Profiler API
- Profiler API – React
- Profiler API – React
¥不使用 ES6(React Without ES6)
- React Without ES6 – React
- 不使用 ES6 – React
¥不使用 JSX(React Without JSX)
- React Without JSX – React
- 不使用 JSX 的 React – React
¥协调(Reconciliation)
- Reconciliation – React
- 协调 – React
¥Refs and the DOM
- Refs and the DOM – React
- Refs and the DOM – React
- reactjs - React.createRef always null - Stack Overflow
- React ref 指北教程 - 掘金
- [React翻译]Refs and the DOM - 掘金
- React 之 Refs 详解 - 掘金
- react16——ref & dom - abc的博客 - CSDN博客
- react16中ref的使用 - 马优晨 - CSDN博客
- React16.3中的Refs和Forwarding Refs - liwusen的博客 - CSDN博客
- React学习笔记(三):引用(Refs)& DOM - 一个大神的发展史 - CSDN博客
- React中ref的使用 - 简书
- React 中的转发ref - 简书
- 学习React中ref的两个demo示例_javascript技巧_脚本之家
- React ref的用法 - 看风景就 - 博客园
¥Render Props
- Render Props – React
- Render Props – React
- 如何解决 Render Props 的回调地狱
¥静态类型检查(Static Type Checking)
- Static Type Checking – React
- 静态类型检查 – React
¥严格模式(Strict Mode)
- Strict Mode – React
- 严格模式 – React
¥使用 PropTypes 进行类型检查(Typechecking With PropTypes)
- Typechecking With PropTypes – React
- 使用 PropTypes 进行类型检查 – React
- React v15.5.0 – React Blog
#PropTypes
- facebook/prop-types: Runtime type checking for React props and similar objects
- PropTypes 和组件参数验证 | React.js 小书
- 使用 PropTypes 进行类型检查 - React
- reactjs - Static propTypes not working under ES6 - Stack Overflow
- react中ES6语法报错:static propTypes,static defaultProps :modulbuild failed:SyntaxError - 飞碟儿的博客 - CSDN博客
- React中静态类型校验-PropTypes学习 - suwu150 - CSDN博客
- React PropTypes 定义组件的属性类型和默认属性 - 卓原的进化之旅 - CSDN博客
- webpack打包错误, Unexpected token: static propTypes... - SegmentFault 思否
- react.js - 这两种写属性验证propTypes的方法是一回事吗 - SegmentFault 思否
- react中使用prop-types检测props数据类型 - 简书
- 【react】利用prop-types第三方库对组件的props中的变量进行类型检测 - 外婆的彭湖湾 - 博客园
- React Native 系列(六) -- PropTypes - Scott_Mr - 博客园
¥Controlled/Uncontrolled
- Controlled and uncontrolled form inputs in React don't have to be complicated - Gosha Arinich
- React中的受控组件和非受控组件学习总结 - 掘金
- 《深入react技术栈》之表单 - 掘金
- Forms – React
- 表单 – React
- Uncontrolled Components – React
- 非受控组件 – React
¥Web Components
- Web Components – React
- Web Components – React
¥API Reference
¥React 顶层 API(React Top-Level API)
- React 顶层 API – React
- React Top-Level API – React
#React.Component
- React 顶层 API – React
#React.PureComponent
- React 顶层 API – React
- React性能优化:PureComponent的使用原则 - 掘金
- React PureComponent 使用指南 - 前端 - 掘金
- PureComponent 使用注意事项以及源码解析 - 掘金
#React.memo
- React 顶层 API – React
- You Probably Don't Need Derived State – React Blog
- en.wikipedia.org
#React.createElement(type,[props],[...children])
- React 顶层 API – React
#React.createFactory(type)
- React 顶层 API – React
#React.cloneElement(element,[props],[...children])
- React 顶层 API – React
#React.isValidElement(object)
- React 顶层 API – React
#React.Children
- React 顶层 API – React
#React.Fragment
- React 顶层 API – React
#React.createRef
- React 顶层 API – React
#React.forwardRef
- React 顶层 API – React
#React.lazy
- React 顶层 API – React
- React v16.6.0: lazy, memo and contextType - React Blog
- React 异步组件 - 掘金
#React.Suspense
- React 顶层 API – React
react-suspense-polyfill
- transitive-bullshit/react-suspense-polyfill: Polyfill for the React Suspense API 😮
- react-suspense-polyfill
- Async React using React Router & Suspense – ITNEXT
- 深度理解 React Suspense - 掘金
- React Suspense 尝鲜 - 掘金
- 基于React.Suspense和React.lazy的前端性能优化 - 前端 - 掘金
- 使用 React.Suspense 和 React.lazy() 实现 Code Splitting - 前端 - 掘金
- React Suspense + 自定义Hook开启数据请求新方式。 - 掘金
- React suspense用法详解 - 掘金
¥ReactDOM
- ReactDOM – React
- ReactDOM – React
¥ReactDOMServer
- ReactDOMServer – React
- ReactDOMServer – React
¥DOM 元素(DOM Elements)
- DOM Elements – React
- DOM 元素 – React
¥合成事件(SyntheticEvent)
- SyntheticEvent – React
- 合成事件 – React
- 合成事件(SyntheticEvent) – React 中文文档 v16.6.3
- Where to Fetch Data: componentWillMount vs componentDidMount
- 【React深入】React事件机制 - 掘金
- React 事件和 Dom 事件 - 掘金
- 为何要在componentDidMount里面发送请求? - 掘金
- React数据获取为什么一定要在componentDidMount里面调用? - sfq_a的回答 - SegmentFault 思否
¥Test Utilities
- Test Utilities – React
- Test Utilities – React
¥Test Renderer
- Test Renderer – React
- Test Renderer – React
¥JavaScript 环境要求(JavaScript Environment Requirements)
- JavaScript Environment Requirements – React
- JavaScript 环境要求 – React
- chrisdickinson/raf: requestAnimationFrame polyfill library
¥React 术语词汇表(Glossary of React Terms)
- Glossary of React Terms – React
- React 术语词汇表 – React
¥Hooks
#Hooks core
useState
- React Hooks之useState - 掘金
useEffect
- 精读《useEffect 完全指南》 - 掘金
useContext
useReducer
- useReducer使用和原理_文摘资讯-CSDN博客
useCallback
useMemo
useRef
- 你不知道的 useRef
useImperativeMehtods / useImperativeHandle
useLayoutEffect
- Introducing Hooks – React
- Hook 简介 – React
- Using the Effect Hook – React
- Hooks FAQ – React
- Building Your Own Hooks – React
- React – A JavaScript library for building user interfaces
#Hooks libs、plugins&tools
ahooks
- alibaba/hooks: React Hooks Library
beautiful-react-hooks
- beautifulinteractions/beautiful-react-hooks: 🔥A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥
runtime-hooks
- gaoding-inc/runtime-hooks: 🔗 Utils for JS runtime hooking & injecting.
- 基于原型链劫持的前端代码插桩实践 - 知乎
react-hanger
- kitze/react-hanger: A small collection of useful hooks for React 16.7
- 一个很有意思的hook库:react-hanger - 掘金
react-loops
- leebyron/react-loops: React Loops works with React Hooks as part of the React Velcro Architecture
- React Loops 尝鲜 - 掘金
react-use
- streamich/react-use: React Hooks — 👍
- Components | < UseKey > - Demo ⋅ Storybook
react-form
- tannerlinsley/react-form: ⚛️ Hooks for managing form state and validation in React
rxjs-hooks
- LeetCode-OpenSource/rxjs-hooks: React hooks for RxJS
react-hook
- jaredLunde/react-hook: ↩ Strongly typed React hooks for function components
react-hooks
- kripod/react-hooks: Essential set of React Hooks for convenient Web API consumption and state management.
react-use-hover
- andrewbranch/react-use-hover: State hook to determine whether a React element is being hovered
react-final-form-hooks
- final-form/react-final-form-hooks: React Hooks to bind to 🏁 Final Form's high performance subscription-based form state management engine
react-use-form-state
- wsmd/react-use-form-state: 📄 React hook for managing forms and inputs state
react-useportal
- alex-cory/react-useportal: 🌀 React hook for Portals
rehooks
- rehooks/local-storage: React hook which syncs localStorage[key] with the comp.
- @rehooks/local-storage - npm
sunflower
- ant-design/sunflower: 支付宝行业前端在使用的中台流程组件
- sunflower
swr
- zeit/swr: React Hooks library for remote data fetching
- 精读《Hooks 取数 - swr 源码》 - 掘金
- vercel/swr: React Hooks library for remote data fetching
usehooks
- gragland/usehooks: Easy to understand React Hook code recipes
- useHooks - Easy to understand React Hook recipes
use-debounce
- xnimorz/use-debounce: A debounce hook for react
use-throttle
- bhaskarGyan/use-throttle: A Throttle hook for react
umijs/hooks
- umijs/hooks: React Hooks Library
- @umijs/hooks
- Umi Hooks - 助力拥抱 React Hooks
use-immer
- immerjs/use-immer: Use immer to drive state with a React hooks
use-resize-observer
- ZeeCoder/use-resize-observer: A React hook that allows you to use a ResizeObserver to measure an element's size.
useRequest
- useRequest - 蚂蚁中台标准请求 Hooks
useWorker
- alewin/useWorker: ⚛️ useWorker() - A React Hook for Blocking-Free Background Tasks
use-http
- ava/use-http: 🐶 React hook for making isomorphic http requests
use-media
- streamich/use-media: useMedia React hook to track CSS media query state
- Frezc/use-lodash-debounce-throttle: Bring debounce & throttle of lodash version to react hooks
- chrisjpatty/crooks: A collection of eclectic react hooks
- linbudu599/useMultiImperativeHandle: Enhanced useImperativeHandle to enable converting objects mount on ref.current
- PenumbraPro/hooks-dev-starter: Simple template help to developing React Hooks fast and easy.
- PenumbraPro/react-useVerifyCode-hook: Easy way in verify code sending. 适用于验证码场景的React Hooks
#Hooks projects
- yjdjiayou/react-hooks-qunar-demo: 仿去哪儿网火车票移动端项目(React Hooks 版)
#Hooks 资源、整理集&FAQ
Hooks 资源
hooks.guide
- Raathigesh/hooks.guide: 🏗 Collection of React hooks curated by the community
- Hooks.guide
rehooks
- Rehooks
- rehooks/awesome-react-hooks: Awesome React Hooks
- Add eslint-plugin-react-hooks/exhaustive-deps rule to check stale closure dependencies by gaearon · Pull Request #14636 · facebook/react
- weekly/79.精读《React Hooks》.md at master · dt-fe/weekly
- weekly/80.精读《怎么用 React Hooks 造轮子》.md at master · dt-fe/weekly
- blog/hooks.md at vuepress · hentaicracker/blog
- 分类:React - Postbird - 猫既吾命
Hooks 整理集
《用动画和实战打开 React Hooks》
- 用动画和实战打开 React Hooks(一):useState 和 useEffect - 掘金
- 用动画和实战打开 React Hooks(二):自定义 Hook 和 useCallback - 掘金
- 用动画和实战打开 React Hooks(三):useReducer 和 useContext - 掘金
- React Hooks 入门教程 - 阮一峰的网络日志
- 10分钟教你手写8个常用的自定义hooks - 掘金
- React Hooks 详解 【近 1W 字】+ 项目实战 - 掘金
- React Hook 内置 API 指南 非常详细_qq_36586702的博客-CSDN博客
- 【译】值得推荐的十大React Hook 库
Hooks FAQ
- javascript - State not updating when using React state hook within setInterval - Stack Overflow
- How the Vue Composition API Replaces Vue Mixins | CSS-Tricks
- Thinking in React Hooks
- jvvkoo8pq3 - CodeSandbox
- How to fetch data with React Hooks? - RWieruch
- [译] 理解 React Hooks
- 在小程序中使用 React with Hooks - 掘金
- React Hooks 起手式,实现一个「高颜值实用」的色彩设计工具 - 掘金
- [译] 如何测试 React Hooks ? - 掘金
- 「ReactNaitve」对hooks最佳实践的探索 - 掘金
- 通过简单的示例来理解React Hook - 前端 - 掘金
- React Hooks入门: 基础 - 掘金
- React hooks实践 - 掘金
- 关于React Hooks,你不得不知的事 - 掘金
- 如何在受控表单组件上使用 React Hooks - 前端 - 掘金
- 一次完整的react hooks实践 - 掘金
- React State Hooks的闭包陷阱,在使用Hooks之前必须掌握 - 掘金
- React 进阶系列:Hooks 该怎么用 - 掘金
- React教程之高阶组件 - 掘金
- React Hooks全面理解教程 - 前端 - 掘金
- React Hooks 札记 - 掘金
- React教程:组件,Hooks和性能 - 掘金
- 【翻译】在 React Hooks 中如何请求数据? - 掘金
- 在Canvas中使用React Hooks - 掘金
- 【译】如何在React Hooks中获取数据? - 掘金
- 使用React Hooks你可能会忽视的作用域问题 - 掘金
- X 为啥不是 hook? - 掘金
- Render Props and Hooks - 掘金
- 初探React Hooks & SSR改造 - 掘金
- React Hooks 的用法 - 掘金
- 在react native中使用hooks - 掘金
- React Hooks环境搭建 - 掘金
- React Hook + TS 购物车实战(性能优化、闭包陷阱、自定义hook) - 掘金
- React如何用Hook实现Vue中的watch - 掘金
- React + TypeScript + Hook 带你手把手打造类型安全的应用。 - 掘金
- 使用React Hooks + 自定义Hook封装一步一步打造一个完善的小型应用。 - 掘金
- 前端精神小伙:React Hooks 响应式布局 - 掘金
- React hooks 怎样做防抖? - 掘金
- Hooks & Mobx 只需额外知道两个 Hook,便能体验到如此简单的开发方式 - 掘金
- React Hooks 与 Immutable 数据流实战 - 神三元 - 掘金小册
- React Hooks 最佳实践
- react-hooks如何使用?
- 烤透 React Hook
- 使用 React Hooks 声明 setInterval — Overreacted
- 将 React 作为 UI 运行时 — Overreacted
- 你可能不知道的 React Hooks
- React Hooks 下 render 次数的优化
- 从一个需求出发,聊聊useRef三兄弟
- 玩转react-hooks,自定义hooks设计模式及其实战
- 【重构】使用 Hooks 让代码更易于变更
- 当我们讨论 hooks 时到底在讨论什么
¥Testing
- Testing Overview – React
- 测试概览 – React
¥Concurrent 模式介绍 (实验性)(Introducing Concurrent Mode (Experimental))
- Concurrent 模式介绍 (实验性) – React
- Introducing Concurrent Mode (Experimental) – React
- Concurrent 模式介绍 (实验性) – React
- React Concurrent 模式抢先预览下篇: useTransition 的平行世界 - 掘金
React.js components&libs
¥Authorization
#React.js 密码强度
- ttdung11t2/react-native-password-strength-checker: A react-native password input with strength checker for both IOS and Android
- abhijeetNmishra/react-password-strength-meter: React Component to display password strength meter - Demo at :
- ezranbayantemur/react-native-passmeter: Simple password strength meter for React Native.
- rodrigowpl/react-password-strength: React component based on dropbox algorithm for Password Strength Estimation
- mmw/react-password-strength: A password strength indicator field for use in React projects
¥badge、emoji&icon
emoji-mart
- missive/emoji-mart: One component to pick them all 👊🏼
- Emoji Mart 🏬 | One component to pick them all
react-fa
- andreypopp/react-fa: Font Awesome icons as React components
- https://andreypopp.github.io/react-fa/
react-icons
- react-icons/react-icons: svg react icons of popular icon packs
- react-icons
react-spinners
- react-spinners by davidhu2000 · Bit
¥Chat
Chat-React
- Hzy0913/chat-react: chat react chat component
- Chat-React基于react的聊天会话组件 - 掘金
¥events
#click
react-onclickoutside
- Pomax/react-onclickoutside: An onClickOutside wrapper for React components
react-fastclick
- JakeSidSmith/react-fastclick: Fast Touch Events for React
- VaJoy/fastclick-analysis: fastclick源码分析
- react-fastclick - npm
- 2019 再聊移动端 300ms 延迟及 fastClick 原理解析 - 掘金
#drag&drop
react-dnd
- react-dnd/react-dnd: Drag and Drop for React
- React DnD
- React DnD
- react-dnd 用法详解 - 掘金
- React-DnD 的使用 - scarlex - SegmentFault 思否
- React-DnD 的使用 - scarletsky
react-sortable-hoc
- clauderic/react-sortable-hoc: A set of higher-order components to turn any list into an animated, touch-friendly, sortable list ✌️
- React Sortable Higher-order Components
react-dragline
- zcued/react-dragline: Guide lines and magnetic adsorption to better align draggable elements in React.
react-smooth-dnd
- kutlugsahin/react-smooth-dnd: react wrapper components for smooth-dnd
react-dnd-scrollzone
- azuqua/react-dnd-scrollzone: A smooth scrolling container for draggable items
- react-dnd-scrollzone - npm
react-dnd-html5-backend
- react-dnd/react-dnd-html5-backend: HTML5 backend for React DnD [Legacy Repo]
react-dnd-touch-backend
- yahoo/react-dnd-touch-backend: Touch Backend for react-dnd.
react-draggable-tags
- YGYOOO/react-draggable-tags: A draggable component for react
- react-draggable-tags
- 一个可拖拽的React标签组件 - 掘金
#keyboard
react-keyboard-event-handler
- linsight/react-keyboard-event-handler: A React component for handling keyboard events
#touch
react-touch-events
- jerrybendy/react-touch-events: Enable tap / swipe events for react
react-touch
- phil303/react-touch: React wrapper components that make touch events easy
#滚动、滑动
#无限滚动
antd-table-infinity
- Leonard-Li777/antd-table-infinity: An infinite scroll component based on antd-table that supports virtual scrolling
React Virtualized
- bvaughn/react-virtualized: React components for efficiently rendering large lists and tabular data
- react-virtualized
found-scroll
- 4Catalyzer/found-scroll: Scroll management for found
mor-scroll-watcher
- func-star/mor-scroll-watcher: Mona系列 - React滚动监听器
react-router-scroll
- taion/react-router-scroll: React Router scroll management
react-slick
- akiran/react-slick: React carousel component
scroll-behavior
- taion/scroll-behavior: Pluggable browser scroll management
react-point
- ReactTraining/react-point: Fast touch events for React
- react-point - npm
react-event-listener
- oliviertassinari/react-event-listener: A React component for binding events on the global scope.
react-hammerjs
- JedWatson/react-hammerjs: ReactJS / HammerJS integration. Support touch events in your React app.
react-event
- pinnacle/react-event: Declarative way to handle events outside / inside of React Component.
react-event-components
- pagarme/react-event-components: 🛰 A set of React components designed to handle global events (interval, keyboard, touch, mouse, etc)
react-key-handler
- ayrton/react-key-handler: React component to handle keyboard events
- react-key-handler
react-hotkeys
- jaywcjlove/react-hotkeys: React component to listen to keydown and keyup keyboard events, defining and dispatching keyboard shortcuts.
- react-hot-keys 1.3.0 Demo
react-track
- ecomfe/react-track: A declarative, component based solution to track page views and user events with react & react-router
react-outside-event
- gajus/react-outside-event: A higher order React component that attaches an event listener for events that occur outside of the component element.
react-ckeditor
- codeslayer1/react-ckeditor: CKEditor component for React with plugin and custom event listeners support
react-higher-event
- bloodyowl/react-higher-event: Declarative API to listen to events outside of a component
react-compose-events
- lucasconstantino/react-compose-events: A Higher-Order Component factory to attach outside event listeners
react-document-events
- STRML/react-document-events: Declarative method for binding handlers to document and window - and cleaning them up.
react-with-tap-events
- hartmamt/react-with-tap-events
react-swipe-events
- iamham/react-swipe-events: Swipe (Touch) event for react component as npm package
- react-swipe-events - npm
retracked
- coursera/retracked: Event tracking for React components
react-events
- jhudson8/react-events: Declarative managed event bindings for react components
react-window-mixins
- szymonkaliski/react-window-mixins: React mixins for working with browser window events
react-eventproxy
- HuaRongSAO/react-eventproxy: react 观察者模式 事件监听发布,用于夸组件之间信息交互
- react-brasil/awesome-react-events-br: Awesome list of React events in Brazil.
¥file&text
#文字轮播
react-text-loop
- braposo/react-text-loop: Animate words in your headings
Draft
- Draft.js · Rich Text Editor Framework for React
react-native-fs
- itinance/react-native-fs: Native filesystem access for react-native
react-pdf-js
- mikecousins/react-pdf-js: A React component to wrap PDF.js
¥image
¥图片裁切
antd-img-crop
- nanxiaobei/antd-img-crop: 🔪 An image cropper for Ant Design Upload
react-image-crop
- DominicTobias/react-image-crop: A responsive image cropping tool for React
react-lazy-load-image-component
- Aljullu/react-lazy-load-image-component: React Component to lazy load images and components using a HOC to track window scroll position.
react-image
- mbrevda/react-image: React.js <img> tag rendering with multiple fallback & loader support
- 设计一款简单实用的 image 组件
- darrell0904/darrell-photo-gallery: 一个基于 react hoos 开发的 仿石墨的 图片放大插件
¥Loading
nprogress
- rstacruz/nprogress: For slim progress bars like on YouTube, Medium, etc
- NProgress: slim progress bars in JavaScript
- @types/nprogress - npm
pace
- HubSpot/pace: Automatically add a progress bar to your site. #hubspot-open-source
- HubSpot/pace: Automatically add a progress bar to your site. #hubspot-open-source
- PACE
- PACE — Automatic page load progress bars
react-loading
- fakiolinho/react-loading: React component for loading animations
react-content-loader
- danilowoz/react-content-loader: ⚪ SVG-Powered component to easily create skeleton loadings.
- klendi/react-top-loading-bar: A very simple, highly customisable youtube-like react loader component.
- React 写一个 spinner 圆形加载动画 - 掘金
¥Navigation
react-navigation
- react-navigation/react-navigation: Routing and navigation for your React Native apps
- wix/react-native-navigation: A complete native navigation solution for React Native
- t4t5/react-native-router: Awesome navigation for your React Native app.
- parakhod/react-navigation-redux-debouncer: Debounce middleware for the react-navigation redux actions
- React Navigation · Routing and navigation for your React Native apps
- 『React Navigation 3x系列教程』createDrawerNavigator开发指南 - 掘金
- React Navigation 构建 Android 和 iOS 统一的 UI - 掘金
react-slider-kit
- M-Izadmehr/react-slider-kit: react-slider-kit is going to be a comprehensive solution to slider feature in react.
- react-slider-kit
react-animated-navigator
- MartinPham/react-animated-navigator: Easier way to make React router transitions
slider
- react-component/slider: React Slider
¥notification&toast
react-toastify
- fkhadra/react-toastify: React notification made easy 🚀 !
¥Portal
react-portal-tooltip
- romainberger/react-portal-tooltip: Awesome React tooltip
react-portal
- tajo/react-portal: 🎯 React component for transportation of modals, lightboxes, loading bars... to document.body or else.
react-gateway
- cloudflare/react-gateway: Render React DOM into a new context (aka "Portal")
react-cool-portal
- wellyshen/react-cool-portal: 😎🍒 React hook for Portals, which renders modals, dropdowns, tooltips etc. to <body> or else.
¥React 上传&下载
react-dropzone
- react-dropzone/react-dropzone: Simple HTML5 drag-drop zone with React.js.
- felixrieseberg/React-Dropzone-Component: ReactJS Dropzone for File Uploads (using Dropzone.js)
react-filepond
- pqina/react-filepond: 🔌 A handy FilePond adapter component for React
- liuyuanquan/react-fileupload: react版本的图片上传,支持拖拽和删除,用来复习Drag,Drop,File,XHR2
react-fine-uploader
- FineUploader/react-fine-uploader: Easily integrate Fine Uploader or Fine Uploader S3 into a React app. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI.
¥React http
reacthttp
- hienduyph/reacthttp: A fancy, lightweight and universal http module for react. ReactHttp built on top of fetch, provides a high level implentations for REST
react-request
- jamesplease/react-request: Declarative HTTP requests for React
react-query
- tannerlinsley/react-query: ⚛️ Hooks for fetching, caching and updating asynchronous data in React
- SuperMarioChen/axios-redux: 在react中用axios请求到redux
¥react-component
form
- react-component/form: React High Order Form Component(web & react-native)
- rc-form@2.4.4 - React High Order Form Component
field-form
- react-component/field-form: ⚡️ React Performance First Form Component
Material Components Web
- Develop for the Web - Material Design
pri
- prijs/pri: Powerful toolkit for building react applications/component
react-modal
- pradel/react-responsive-modal: Simple responsive react modal
- bodyflex/react-native-simple-modal: A simple JavaScript modal component for React Native.
React Toolbox
- react-toolbox/react-toolbox: A set of React components implementing Google's Material Design specification with the power of CSS Modules
- alexhisen/mobx-forms-demo
- MobX Forms · MobX Forms
- React Toolbox首页、文档和下载 - Material 风格的 React 组件 - 开源中国社区
React Components by Khan Academy
- Khan/react-components
- React Components
react-progressbar
- kimmobrunfeldt/react-progressbar.js: Responsive and slick progress bars for React.
- mathieudutour/react-progress-button: Simple react.js component for an inline progress indicator
- abdennour/react-progressbar: Basic progress bar in React.js
react-widgets
- jquense/react-widgets: An à la carte set of polished, extensible, and accessible inputs built for React
- React Widgets
rsuite
- rsuite/rsuite: A suite of React components .
- RSUITE 3 | React Suite | 一套 React 的 UI 组件库
- RSUITE | React Suite | 一套 React 的 UI 组件库
- React Suite 做了一个有意思的决定 - 掘金
- 开源 UI 库中,唯一同时实现了大表格虚拟化和树表格的 Table 组件 - 掘金
react-window
- bvaughn/react-window: React components for efficiently rendering large lists and tabular data
- react-window
React Belle
- nikgraf/belle: Configurable React Components with great UX
- Belle - Configurable React Components with great UX
- Belle - Configurable React Components with great UX
reactopt
- reactopt/reactopt: A CLI React performance optimization tool that identifies potential unnecessary re-rendering
react-messenger
- sejr/react-messenger: Chat UX components built with React, inspired by Facebook Messenger
rc-tools
- react-component/rc-tools: Tools For React Component
the-platform
- jaredpalmer/the-platform: Web. Components. 😂
tippy.js-react
- atomiks/tippy.js-react: React component for Tippy.js
- react-component
- react-component/util: Common Utils For React Component
- 模仿antd4从零到一实现rc-field-form
¥SVG
react-svg-inline
- MoOx/react-svg-inline: A React component to inline your SVG
svg-loaders-react
- ajwann/svg-loaders-react: React implementation of the SVG Loaders library by Sam Herbert
SVGR
- smooth-code/svgr: Transform SVGs into React components 🦁
- SVGR - The React to SVG transformer
¥UI
ant-design
#ant-design 源码解读
- antd 源码解读 notification - 掘金
- 浅析Ant Design中表单是如何实现的
#ant-design 设计资源
- antd-init/examples/local-iconfont at master · ant-design/antd-init
- 设计资源 - Ant Design
#ant-design FAQ
antd 兼容性
- IE8 下报错不能使用 · Issue #28 · ant-tool/atool-build
- IE8下antd组件无法加载, default 在IE8下是关键字? · Issue #858 · ant-design/ant-design
- antd-init/webpack.config.js at f5fb9479ca973fade51fd6754e50f8b3fafbb1df · ant-design/antd-init
- IE9 下 Spin 组件报错 · Issue #6512 · ant-design/ant-design
- Mention 使用到 draft 导致 IE 下无法访问 · Issue #3400 · ant-design/ant-design
- Customize Theme - Ant Design
- 记一次 Ant Design Menu组件的使用与深入 - 掘金
- 『小帮厨』- React+AntD项目实战 - 掘金
- React引入AntD按需加载报错 - Chellyyy - 博客园
- antd 的table td 超出部分隐藏并显示省略号 - 云也JUN - 博客园
1x.ant.design
- Ant Design - 一个 UI 设计语言
Ant Design of React
- ant-design/ant-design: 🐜 A UI Design Language
- ant-design/react-tutorial: 基于 umi 的 Ant Design 实战教程配套代码 https://www.yuque.com/ant-design/course
- Ant Design - A UI Design Language and React UI library
- Ant Design of React - Ant Design
- 快速上手 - Ant Design
- Ant Design - A UI Design Language
- Ant Design - 一个 UI 设计语言
- Introduction - Ant Design
- 介绍 - Ant Design
- Ant-Tool 简介 | Ant-Tool 简介
- Ant Design 实战教程(beta 版) · 语雀
ant-design-pro
- ant-design/ant-design-pro: 👨🏻💻👩🏻💻 Use Ant Design like a Pro!
- Ant Design - 开箱即用的中台前端/设计解决方案
- 分析页 - Ant Design Pro
- Ant Design Pro - Out-of-box UI solution for enterprise applications
ant-design-mobile
- ant-design/ant-design-mobile: A configurable Mobile UI
- Ant Design Mobile - 移动端设计规范
- Ant Design Mobile - 移动端设计规范
antd-theme-generator
- mzohaibqc/antd-theme-generator: This script is to generate color.less file to update color related css in browser.
- React App
ant-plus
- nanxiaobei/ant-plus: 🔺 Ant Design 表单简化版
HiTu
- 解放图形化设计生产力 - HiTu - 知乎
pro-components
- ant-design/pro-components: 🏆 Use Ant Design like a Pro!
- ProComponents - 页面级别的前端组件
- Ant Design Team
- luffyZh/mini-dynamic-antd-theme: Mini dynamic antd theme whether ant-design or ant-design-vue, after gizp 10.5 kB.
amazeui-react
- amazeui/amazeui-react: Amaze UI components built with React.js.
- Amaze UI React - Amaze UI components build with React
blueprint
- palantir/blueprint: A React-based UI toolkit for the web
- Blueprint – A React-based UI toolkit for the web
cuke-ui
- cuke-ui/cuke-ui: 🥒 黄瓜ui:一个即插即用的React UI 库
- 🥒 黄瓜 UI: 一个即插即用的 React 组件库 - 掘金
- 🥒 CUKE UI : 一个即插即用的 React UI 库
chakra-ui
- chakra-ui/chakra-ui: ⚡️ Simple, Modular & Accessible UI Components for your React Applications
elemental
- elementalui/elemental: A flexible and beautiful UI framework for React.js
- Elemental UI
element-react
- ElemeFE/element-react: Element UI
- Element-React
evergreen
- segmentio/evergreen: 🌲 Evergreen React UI Framework by Segment
- Evergreen
- Evergreen
Fusion
Fusion core
Fusion Design
- Fusion Design
- 登录
- Fusion Design
- 可配置组件库Fusion Design 了解一下 - 掘金
Fusion components、libs、plugins&tools
- alibaba-fusion/next: A configurable component library for web built on React.
Fusion 资源、整理集&FAQ
- 走近Fusion组件——无限滚动
- 前端之巅
Material-UI
- mui-org/material-ui: React components that implement Google's Material Design.
- mui-org/material-ui: React components that implement Google's Material Design.
- mui-org/material-ui-pickers: Date & Time pickers, built with ❤️ for @material-ui/core
- Material UI首页、文档和下载 - Material Design 的 React 实现 - 开源中国社区
- The world's most popular React UI framework - Material-UI
mor
- monajs/mor: Mona系列 - React移动端组件库
- Mor - 让你感到幸福的 React 组件库
primereact
- primefaces/primereact: PrimeReact is a collection of rich UI components for React
- PrimeReact
React-Bootstrap
- React Bootstrap首页、文档和下载 - React 构建的 Bootstrap 3 组件 - 开源中国社区
React Grommet
- grommet/grommet: Focus on the essential experience
- Grommet
- Components | Grommet
- Grommet
react-bootstrap
- react-bootstrap/react-bootstrap: Bootstrap components built with React
- https://react-bootstrap.github.io
react-desktop
- gabrielbull/react-desktop: React UI Components for macOS High Sierra and Windows 10
- React Desktop | React UI Components for OS X El Capitan and Windows 10
reactstrap
- reactstrap/reactstrap: Simple React Bootstrap 4 components
- reactstrap - React Bootstrap 4 components
rebass
- rebassjs/rebass: React primitive UI components built with styled-system.
- Rebass
react-md
- mlaursen/react-md: React material design
- react-md
reach-ui
- reach/reach-ui: The Accessible Foundation for React Apps and Design Systems
- Reach UI
Semantic UI React
- Semantic-Org/Semantic-UI-React: The official Semantic-UI-React integration
- portal - semantic-ui-react · Bit
- Introduction - Semantic UI React
theme-ui
- system-ui/theme-ui: Build consistent, themeable React apps based on constraint-based design principles
- Theme UI
vant-react
- mxdi9i7/vant-react: Lightweight 2kb Mobile UI Components built on React and TS, inspired by Vant@https://github.com/youzan/vant
z-ui
- zhongmeizhi/z-ui: 一个用Typescript + React Hooks写的"UI库"🌌,主要采用蓝色色调,寻找一起coding的小伙伴。⭐喜欢请star,欢迎fork,有Bug和建议请留言。
- MrXujiang/xu_ui: 基于react的轻量级可扩展组件库
¥validation
formsy-react
- formsy/formsy-react: A form input builder and validator for React JS
- christianalfoni/formsy-react: A form input builder and validator for React JS
¥visualization(可视化)
#可视化图表
BizCharts
- alibaba/BizCharts: Powerful data visualization library based on G2 and React.
- Bizcharts-基于商业场景下的数据可视化解决方案
echarts-for-react
- hustcc/echarts-for-react: baidu Echarts(v3.0 & v4.0) components for React wrapper. 一个简单的 echarts(v3.0 & v4.0) 的 react 封装。
- incubator-echarts/index.js at master · apache/incubator-echarts
- xlsdg/react-echarts-v3: React.js(v16.x+) component wrap for ECharts.js(v3.x+)
- ECharts Documentation
- echarts-for-react - npm
- react-echarts-v3 - npm
- echarts-for-react
recharts
- recharts/recharts: Redefined chart library built with React and D3
- Recharts
victory
- FormidableLabs/victory: A collection of composable React components for building interactive data visualizations
- Victory | Home
#可视化图编辑器
GGEditor
- alibaba/GGEditor: A visual graph editor based on G6 and React
- GGEditor - A visual graph editor based on G6 and React
- aute/react-echarts-mark-board: Mark drawing tool, support for drawing lines , rays and other graphics. 标注绘制工具,支持绘制线段、方向及封闭图形
#热力图
- mazedesignhq/react-heatmap: React component for heatmap.js
- g1eb/reactjs-calendar-heatmap: React component for d3.js calendar heatmap graph
dagre-d3
- React项目中使用dagre-d3 - 掘金
gantt
- hustcc/gantt-for-react: Frappe Gantt components for React wrapper. 一个简单的甘特图 React 组件封装。
- codejamninja/react-gantt: A gantt chart for react
- DHTMLX/react-gantt-demo: dhtmlxGantt with ReactJS
- JavaScript Gantt Chart Library - dhtmlxGantt
react-boilerplate-dashboard
- Soumil07/react-boilerplate-dashboard: A functional boilerplate dashboard for Discord bots.
react3dtagcloud
- crazylxr/3dtagcloudforeact: 基于 react 的 3d 标签云
- react3dtagcloud - npm
react-chartjs
- reactjs/react-chartjs: common react charting components using chart.js
react-canvas
- Flipboard/react-canvas: High performance <canvas> rendering for React components
recharts
- recharts/recharts: Redefined chart library built with React and D3
react-dynamic-charts
- dsternlicht/react-dynamic-charts: A React library for creating animated charts visualizations based on dynamic data.
- 160行代码实现动态炫酷的可视化图表 - 排行榜 - 掘金
vx
- hshoff/vx: 🐯react + d3 = vx | visualization components
- vx | visualization components
visx
- airbnb/visx: 🐯 visx | visualization components
- palerdot/react-d3-speedometer: ⚛️ React Speedometer component using d3.js
¥WAI-ARIA
downshift
- downshift-js/downshift: 🏎 Primitive to build simple, flexible, WAI-ARIA compliant enhanced input React components
- kentcdodds/downshift-examples: Created with CodeSandbox
- Downshift
¥编辑器
#inline editing
eact-easy-edit
- giorgosart/react-easy-edit: Inline editing library for React
#JSON显示器
react-json-view
- mac-s-g/react-json-view: JSON viewer for react
#React Markdown
mdxjs
- mdx-js/mdx: JSX in Markdown for ambitious projects
- jxnblk/mdx-deck: MDX-based presentation decks
- lorenseanstewart/nextjs-mdx-blog-kit: Starter code for creating a static blog system using Next.js and MDX. A service worker for offline reading is set up, and the blog has Perfect Lighthouse scores.
- eggheadio/gatsby-starter-egghead-blog: This is an example Gatsby blog site that we use as a reference at egghead.
- MDX
- MDX | MDX 中文网
- mdx-deck
markdown-in-js
- threepointone/markdown-in-js: inline markdown for react/jsx
markdown-to-jsx
- probablyup/markdown-to-jsx: 🏭 The most lightweight, customizable React markdown component.
react-markdown
- rexxars/react-markdown: Render Markdown as React components
- remarkjs/react-markdown: Markdown component for React
- react-markdown
- react-markdown
react-remarkable
- acdlite/react-remarkable: A React component for rendering Markdown with remarkable
react-mde
- andrerpena/react-mde: 📝 React Markdown Editor
react-md-editor
- JedWatson/react-md-editor: React.js Markdown Editor Component
react-markdown-editor-lite
- HarryChen0506/react-markdown-editor-lite: 一款轻量的基于React的markdown编辑器。a light-weight Markdown editor based on markdown-it and React
- 手把手教你造一个基于React的markdown编辑器 - 掘金
- parksben/markdown-navbar: Best markdown navigation bar for React.
#代码编辑器
react-codemirror
- JedWatson/react-codemirror: Codemirror Component for React.js
react-codemirror2
- scniro/react-codemirror2: Codemirror integrated components for React
react-monaco-editor
- react-monaco-editor/react-monaco-editor: Monaco Editor for React.
#富文本编辑器
braft-editor
- margox/braft-editor: 美观易用的React富文本编辑器,基于draft-js开发
- Braft Editor | 基于DraftJS的强扩展性React富文本编辑器
draft-js
- facebook/draft-js: A React framework for building text editors.
react-quill
- zenoamaro/react-quill: A Quill component for React.
- React-quill
¥拾色器
color-picker
- react-component/color-picker: React ColorPicker
- rc-color-picker@1.2.6 - color-picker ui component for react
react-color
- casesandberg/react-color: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
- React Color
¥页面 meta 属性
react-helmet
- nfl/react-helmet: A document head manager for React
react-document-title
- gaearon/react-document-title: Declarative, nested, stateful, isomorphic document.title for React
react-helmet-async
- staylor/react-helmet-async: Thread-safe Helmet for React 16+ and friends
¥二维码
qrcode.react
- zpao/qrcode.react: A <QRCode/> component for use with React.
¥右键菜单
react-contextmenu
- vkbansal/react-contextmenu: Context Menu implemented in React
- React ContextMenu
- vkbansal/react-contextmenu: Context Menu implemented in React
react-contexify
- fkhadra/react-contexify: Add a context menu to your react app with ease
- https://fkhadra.github.io/react-contexify/
¥骨架屏
reakit
- reakit/reakit: Toolkit for building really interactive UIs with React
- Reakit: React UI Toolkit
react-sketchapp
- airbnb/react-sketchapp: render React components to Sketch ⚛️💎
- react骨架屏 - 掘金
¥背景
#粒子效果
react-particles-js
- Wufe/react-particles-js: Particles.js for React
react-starry-sky
- sl1673495/react-starry-sky: 非常漂亮的星空背景组件,基于React、Styled-Component开发。
¥趋势线&时间线
react-sparklines
- borisyankov/react-sparklines: Beautiful and expressive Sparklines React component
react-event-timeline
- rcdexta/react-event-timeline: A responsive event timeline in React.js
¥布局
#分割面板
react-split-pane
- tomkp/react-split-pane: React split-pane component
- react-split-pane
@rebass/grid
- rebassjs/grid: Responsive React grid system built with styled-system
react-blocks
- whoisandy/react-blocks: A higher-level react component to manage complex layouts using flexbox.
- React Blocks
react-flexbox-grid
- roylee0704/react-flexbox-grid: A set of React components implementing flexboxgrid with the power of CSS Modules.
- React Flexbox Grid
react-spreadsheet-grid
- denisraslov/react-spreadsheet-grid: An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns
- React Spreadsheet Grid
react-grid-layout
- STRML/react-grid-layout: A draggable and resizable grid layout with responsive breakpoints, for React.
¥响应式
#react resize
react-window-resize-listener
- cesarandreu/react-window-resize-listener: React component for listening to window resize events
- arjunskumar47/react-window-resize-listener: This React component can be used to execute some tasks when the window resize event is triggered.
react-component-resizable
- nrako/react-component-resizable: A React component to implement cross-browser event based resize detection
- zzarcon/react-resize-observer-hook: ResizeObserver + React hooks
- zalando-stups/react-automatic-width: Automatically sets `width` property on child components
- LeetCode-OpenSource/react-resize-context: ⚡️A high performance React component for responding to resize event
- quarterto/react-element-breakpoints: Element Queries in React, using the ResizeObserver polyfill.
- maslianok/react-resize-detector: A Cross-Browser, Event-based, Element Resize Detection for React
- FezVrasta/react-resize-aware: ⇲👁 A simple React Hook which allows to listen the resize event of any target element when it changes sizes
react-responsive
- contra/react-responsive: Media queries in react for responsive design
react-media
- ReactTraining/react-media: CSS media queries for React
- react-media - npm
rx-react
- fdecampredon/rx-react: ReactJS bindings for RxJS
¥地图
google-map-react
- google-map-react/google-map-react: Google map library for react that allows rendering components as markers
- React map
react-google-maps
- tomchentw/react-google-maps: React.js Google Maps integration component
- React Google Maps Style Guide
react-amap
- ElemeFE/react-amap: 基于 React 封装的高德地图组件。AMap Component Based On React.
- React AMap — 基于 React 的高德地图组件
- chrisdrackett/react-mapkit: React wrapper for Apple's mapkit.js.
¥表格&表单
#calendar、datepicker
dayz
- nathanstitt/dayz: A calendar component for React
react-dates
- airbnb/react-dates: An easily internationalizable, mobile-friendly datepicker library for the web
react-datepicker
- Hacker0x01/react-datepicker: A simple and reusable datepicker component for React
- ReactJS Datepicker crafted by HackerOne
react-event-calendar
- dptoot/react-event-calendar: A React calendar component to display events
- react-event-calendar - React JS component that will display supplied event data within a calendar view of a given month.
react-big-calendar
- intljusticemission/react-big-calendar: gcal/outlook like calendar component
- arecvlohe/rbc-with-dnd-starter: A starter app for react-big-calendar with drag and drop addon.
- arecvlohe/rbc-starter: A plain ole' react-big-calendar.
- Webpack App
react-nice-dates
- hernansartorio/react-nice-dates: A responsive, touch-friendly, and modular date picker library for React.
- React Nice Dates
#Excel-like&Spreadsheet
react-datasheet
- nadbm/react-datasheet: Excel-like data grid (table) component for React
react-handsontable
- handsontable/react-handsontable: React Data Grid with Spreadsheet Look & Feel. Official React wrapper for Handsontable.
#form
formik
- jaredpalmer/formik: Build forms in React, without the tears 😭
- formium/formik: Build forms in React, without the tears 😭
formal
- kevinwolfcr/formal: 👔 Elegant form management primitives for the react hooks era.
jsonforms
- eclipsesource/jsonforms: React/Redux-based forms for JSON data
react-jsonschema-form
- rjsf-team/react-jsonschema-form: A React component for building Web forms from JSON Schema.
react-schema-form
- networknt/react-schema-form: react form based on json schema for form generation and validation
redux-form
- redux-form/redux-form: A Higher Order Component using react-redux to keep form state in a Redux store
- Redux Form - Redux Form
- React-Redux技术栈——之redux-form详解 - 个人文章 - SegmentFault 思否
react-hook-form
- react-hook-form/react-hook-form: 📋 React hooks for forms validation without the hassle.
react-final-form
- final-form/react-final-form: 🏁 High performance subscription-based form state management for React
react-debounce-input
- nkbt/react-debounce-input: React component that renders Input with debounced onChange
react-select
- JedWatson/react-select: The Select Component for React.js
- React Select
- hardy12994/react-jsx-forms: JSX React Forms
- RXNT/react-jsonschema-form-extras: An assortment of extra widgets for Mozilla's JSON Schema Form.
- cchanxzy/react-currency-input-field: React component for an input field
#list
#虚拟列表
- 使用 React + Rxjs 实现一个虚拟滚动组件 - 前端 - 掘金
#可拖放表格列表
react-beautiful-dnd
- atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React
react-native-nlist
- janiokq/react-native-nlist: 原生Listview Native lListView react-native encapsulation Memory recovery reusing High performance
#table
fixed-data-table
- facebookarchive/fixed-data-table: A React table component designed to allow presenting thousands of rows of data.
react-table
- tannerlinsley/react-table: ⚛️ Hooks for building fast and extendable tables and datagrids for React
- pheromone/suoyisuo: React Native 收起-展开
- kresent/react-native-tabbed-menu
¥复制到剪贴板
react-copy-to-clipboard
- nkbt/react-copy-to-clipboard: Copy-to-clipboard React component
react-clipboard.js
- nihey/react-clipboard.js: React wrapper for clipboard.js (flashless clipboard)
react-use-clipboard
- danoc/react-use-clipboard: React hook that provides copy to clipboard functionality.
¥应用国际化
react-intl
- String without FormattedMessage · Issue #749 · yahoo/react-intl
- API · yahoo/react-intl Wiki
- react-intl - npm
- React小知识(3) - 国际化中碰到的问题 - 掘金
react-intl-universal
- alibaba/react-intl-universal: Internationalize React apps. Not only for React.Component but also for Vanilla JS.
react-i18n-jed
- appannie/react-i18n-jed: React i18n wrapper for jed, based on gettext
react-i18n-auto
- mr18/react-i18n-auto: react-i18n-auto 中文国际化自动化,babel插件
- react 国际化方案react-i18n-auto,全自动化webpack+babel插件 - 掘金
react-i18next
- i18next/react-i18next: Internationalization for react done right. Using the i18next i18n ecosystem.
- 记一次大型React项目的国际化方案探索 - 掘金
¥路由
found
- 4Catalyzer/found: Extensible route-based routing for React applications
mo-react-router
- func-star/mo-react-router: Mona系列 - react-router
Navi
- Navi – A JavaScript router and static renderer
react-loadable
- jamiebuilds/react-loadable: A higher order component for loading components with promises.
- stratiformltd/react-loadable-visibility: A wrapper around react-loadable and loadable-components to load elements once they are visible on the page.
- react-loadable - npm
- loading-context - CodeSandbox
- 使用 react-loadable 在 React 项目中实现 Code Splitting - 前端 - 掘金
reach
- reach/router
- Reach Router - Overview
- Reach Router - Overview
react-router-breadcrumbs-hoc
- icd2k3/react-router-breadcrumbs-hoc: A tiny, flexible, HOC for rendering route breadcrumbs with react-router 4.x https://codesandbox.io/s/yq79m4zqlv
react-keeper
- vifird/react-keeper: A routing library of React.
¥格式化输入输出
react-moment
- headzoo/react-moment: React component for the moment date library.
text-mask
- text-mask/text-mask: Input mask for React, Angular, Ember, Vue, & plain JavaScript
- Text Mask: Conform user input to a string mask
¥动画
react-move
- sghall/react-move: React Move | Beautiful, data-driven animations for React
- react-tools/react-move: React Move 🌀 Beautiful, data-driven animations for React
- React-Move
react-motion
- chenglou/react-motion: A spring that solves your animation problems.
react-transition-group
- reactjs/react-transition-group: An easy way to perform animations when a React component enters or leaves the DOM
- React Transition Group
- felipethome/react-inline-transition-group: React component that helps to control CSS transitions defined with inline style.
- cheapsteak/react-transition-group-plus: A more full-featured transition group for React
- Ihatetomatoes/react-transition-group-classes: Working files for my YouTube tutorial.
- adambbecker/react-style-transition-group: Similar to React's CSSTransitionGroup, uses style updates instead of class updates
- [三元学React]使用react-transition-group开发React动画 - 掘金
react-spring
- pmndrs/react-spring: ✌️ A spring physics based React animation library
- react-spring
tween-one
- react-component/tween-one: Animate One React Element
- 单元素动画 TweenOne - Ant Motion
- rc-tween-one@2.2.22 - tween-one anim component for react
- qiqiboy/react-animated-router: Dynamic transitions with react-router and react-transition-group
- rhobot/timeout-transition-group: a better React Transition Group than CSSTransitionGroup
- faceyspacey/transition-group: What React CSS Transition Group is s'posed to be
- chrisjcodes/react-animation-components: A set of react transition components for basic animations.
- PedroBern/react-tiger-transition: Full page transitions with react-router.
- peoplesing1832/react-flip-transition: 🌊 react animation components
- 优雅的实现React中的动画过渡
¥存储
cookies
- reactivestack/cookies: Load and save cookies within your React application
react-native-cookies
- joeferraro/react-native-cookies: Cookie manager for React Native
react-history
- ReactTraining/react-history: Manage session history with React
- react-history - npm
¥环境、浏览器&平台
react-device-detect
- duskload/react-device-detect: Detect device, and render view according to detected device type.
¥数据操作、处理&优化
#debounce
- saltycrane/react-debounced-props: React higher order component that allows debouncing component updates
- fgfg163/react-component-debounce: An height level component for React components
- gnbaron/use-lodash-debounce: Custom react hooks for lodash debounce.
- threepointone/react-debounce: debounce as a component
- mthahzan/react-component-action-debouncer: Debounce any component actions
#throttle
react-throttle
- gmcquistin/react-throttle
- ryo33/react-throttle-render: Throttle the number of times render() is called
- AlbertLucianto/react-with-throttle: Component for throttling value, preserving the declarative nature of React 🚀
- hachibeeDI/react-list-throttle-component: React component to list throttle
¥高亮&凸显
#代码高亮
react-syntax-highlighter
- conorhastings/react-syntax-highlighter: syntax highlighting component for react with prismjs or highlightjs ast using inline styles
- React Syntax Highlighter Demo
#关键字高亮
react-highlight-words
- bvaughn/react-highlight-words: React component to highlight words within a larger body of text
- react-highlight-words
¥视频播放
react-player
- cookpete/react-player: A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
video-react
- video-react/video-react: A web video player built for the HTML5 world using React library.
- Tutorial: react | Video.js Documentation
- 对于封装react组件的一些思考 - 掘金
- 2020 年你应该知道的 React 库 - 掘金
React.js frameworks
¥React.js 服务端渲染(SSR)
Next.js
Next.js core
- zeit/next.js: The React Framework
- Next.js
- Next.js - React 应用开发框架 | Next.js 中文网
Next.js libs、plugins&tools
- matthewmueller/next-cookies: Tiny little function for getting cookies on both client & server with next.js.
- mlynch/nextjs-tailwind-capacitor: A starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, React, and Capacitor
Next.js 资源、整理集&FAQ
Next.js 资源
- ZEIT – Next.js
- 【拓展】Next.js + TypeScript 搭建一个简易的博客系统
Next.js 整理集
《react服务端渲染框架Next.js踩坑》
- nextjs/lesson1.md at master · HJianfeng/nextjs
- nextjs/lesson2.md at master · HJianfeng/nextjs
- nextjs/lesson3.md at master · HJianfeng/nextjs
- nextjs/lesson4.md at master · HJianfeng/nextjs
- react服务端渲染框架Next.js踩坑(一)
- react服务端渲染框架Next.js踩坑(二)
- react服务端渲染框架Next.js踩坑(三)
Next.js FAQ
- [EasyHexo 专栏] #2 - 魔改 Next 不完全教程 - 掘金
- Next.js脚手架进阶 —— 部署上线 - 掘金
- Next.js页面渲染的优化方案 - 掘金
- 使用react+next实现服务端渲染 - 前端 - 掘金
- 手把手教你用神器nextjs一键导出你的github博客文章生成静态html! - 掘金
- 手把手带你用next搭建一个完善的react服务端渲染项目(集成antd、redux、样式解决方案) - 掘金
- 最简单的服务端渲染框架-Next.js快速入门
react-app
- kriasoft/react-app: Create React App with server-side code support
- t.me
- Tecode/react-mobx-ssr: React16+Mobx4+Express服务端渲染脚手架,支持代码按需加载,使用webpack4打包文件
- React服务端渲染,支持模块代码按需加载,使用webpack4打包部署
- 乐游网站|站内资源分享,学习心得
- The Most Common XSS Vulnerability in React.js Applications
- react同构实践——实现自己的同构模板 - 掘金
- 基于 React.js 和 Node.js 的 SSR 实现方案 - 掘金
- SSR从入门到放弃 —— 深入React服务端渲染原理 | 1W字 - 掘金
anujs
- RubyLouvre/anu: the React16-compat mini library https://rubylouvre.github.io/nanachi/
- nanachi
- ydoc
blitz
- blitz-js/blitz: ⚡️The Fullstack React Framework — built on Next.js
create-react-library
- transitive-bullshit/create-react-library: ⚡CLI for easily creating reusable react libraries.
create-react-blog
- frontarm/create-react-blog: Start and deploy your own statically rendered blog with create-react-app
- npx create-react-blog
concent
- concentjs/concent: Build-in dependency collection, a predictable、zero-cost-use、progressive、high performance's react develop framework
dob
- dobjs/dob-react: React bindings for dob
fre
- yisar/fre: Tiny React16 like framework with Concurrent.
gatsbyjs
gatsby-transformer-remark
- gatsby/packages/gatsby-transformer-remark at master · gatsbyjs/gatsby
- gatsby-transformer-remark | GatsbyJS
- gatsbyjs/gatsby: Build blazing fast, modern apps and websites with React
- calpa/gatsby-starter-calpa-blog: Gatsby Starter of Calpa's Blog
- GatsbyJS
- GatsbyJS 中文网
- Rise of the Content Mesh: Webcast with Contentful and Gatsby | Gatsby Inc.
- blog - CodeSandbox
- GatsbyJS 入门(一):打造开箱即用的现代化前端网站 - 前端 - 掘金
- GatsbyJS 入门(三):从零开始架构 React 静态网站 - 前端 - 掘金
makajs
- makajs/maka: MakaJs,react and redux based, lightweight react framework. Use json schema to express react.
- Maka.js
medux
- wooline/medux: Modular state management, Suitable for various javascript frameworks
react-coat
- wooline/react-coat: Structured React + Redux with Typescript and support for isomorphic rendering beautifully(SSR)
- wooline/react-coat-spa-demo: A simple demo with react-coat
- React干货:SPA单页如何规划路由、设计Store、划分模块、按需加载 - 掘金
- React干货(二):提取公共代码、建立路由Store、Check路由参数类型 - 掘金
react-boilerplate
- react-boilerplate/react-boilerplate: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
react-starter-kit
- kriasoft/react-starter-kit: React Starter Kit — isomorphic web app boilerplate (Node.js, Express, GraphQL, React.js, Babel, PostCSS, Webpack, Browsersync)
react-imvc
- Lucifier129/react-imvc: An Isomorphic MVC Framework
Relay
- facebook/relay: Relay is a JavaScript framework for building data-driven React applications.
- facebookarchive/relay-starter-kit: Barebones starting point for a Relay application.
- lvarayut/relay-fullstack: Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS
- relayjs/relay-examples: A collection of sample Relay applications
- HomeServicesOfAmerica/relay-cache-manager: An implementation of the RelayCacheManager for local data caching in Relay
Remax
- remaxjs/remax: 使用真正的 React 构建跨平台小程序
- Remax - 使用真正的 React 构建跨平台小程序
UmiJS
UmiJS core
- github.com
- UmiJS
- UmiJS
UmiJS awesome
- umijs/umi-course: 简易的umi入门教程,一步一步的学习,适合零基础的朋友 https://www.yuque.com/umijs/umi
- umijs/awesome-umi: 🎉 A curated list of awesome things related to UmiJS.
- majiang666/umijs: umijs示例
- umijs实现权限路由 - 爱情博物馆
UmiJS example
- umijs/umi-example-monorepo: Umi example for monorepo.
- umijs/umi-dva-user-dashboard: User dashboard example with combination use of umi and dva.
- umijs/umi-examples: examples for umi.js
- umijs/umi-example-lighthouse: umi example to archive 100*5 lighthouse score.
- umijs/umi-example-electron: Electron example with umi and dva.
UmiJS framework
alita
- alita
- alitajs/alita: A mobile React framework based on umi.
- alita - 基于 Umi 的场景化框架
antd-admin
- zuiidea/antd-admin: A excellent front-end solution for enterprise applications built upon Ant Design and UmiJS
- AntD Admin
umi-react
- jiechud/umi-react: 基于umi构建React快速开发框架
UmiJS plugins
umi-plugin-upload
- xusanduo08/umi-plugin-upload
- umijs/umi-plugin-pro-block: A plugin for deliver umi block files like ant design pro structure.
- umijs/umi-plugin-library: 📦Out of box component develop plugin for umi.
- umi/packages/umi-library at master · umijs/umi
- umijs/umi-plugin-preload: A umi plugin for support async chunk preload to improve page loading performance.
- umijs/umi-plugin-mpa: MPA(multiple-page application) plugin for umi.
- umijs/umi-plugin-types: Type definitions for umi plugin api.
- umijs/umi-plugin-vue: A umi@2.x plugin for Vue.js
- umijs/umi-plugin-ga: Umi plugin to support google analytics
- umijs/umi-plugin-block-dev: A umi plugin for develop a umi block with umi.
- umijs/umi-plugin-datahub
- umijs/umi-plugin-locale: A umi plugin for provide internationalization function.
- umijs/umi-plugin-yunfengdie
- umijs/umi-plugin-gh-pages: umi plugin to publish to Github pages.
- umijs/umi-plugin-mobx-state-tree: use mobx-state-tree in umijs@2
- umijs/umi-plugin-pnp: Umi plugin to support Plug'n'Play of yarn.
- umijs/umi-plugin-ecma5-validator: Ecmascript 5 syntax validator plugin for umi.
- umijs/umi-plugin-devhtml: Plugin to save a physical HTML file for `umi dev`.
- umijs/umi-plugin-atpl: Atpl plugin for umi.
- umijs/hard-source-webpack-plugin
UmiJS tools
create-umi
- umijs/create-umi: Creates a UmiJS application using the command line.
- umijs/umi-request: A request tool based on fetch.
- umijs/umi-lint: 🏖 Configless lint tool all in one
- umijs/umi-tools: The tools used to build umi.
- umijs/umi-notify: Notification package for all cli we maintained.
- umijs/umi-block-convertor: A cli tool to convert your umi page to a umi block.
- umijs/umi-blocks: Official collection of some high quality blocks.
- umijs/umi-hd: 移动端高清 1px 方案。
- umijs/createMockMiddleware: Express umi mock middleware
- umijs/umi-history: Manage session history with JavaScript
- umijs/umi-url-pnp-loader: A loader for webpack which transforms files into base64 URIs
zoro
- FaureWu/zoro: A Simple Redux Framework, For Weapp, React App and Other.
- FaureWu/zoro-plugin: Support plugins for zoro
- zerosoul/react-starter: react webapp development scaffold for mobile and pc, with or without redux/router.
- zhanglijie5997/react-casual-cli
- 从 0 打造一个React的TS模板 - 掘金
React.js projects
¥React Admin Template
awesome-admin
- awesome-admin: 管理后台脚手架: Spring Coud微服务 + Spring Security SSO + JWT Token +自定义登陆页面 + 前后端分离 + Ant Design Pro + K8s部署 +Swagger + 多数据源 + Redis
airframe-react
- 0wczar/airframe-react: Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16: http://dashboards.webkom.co/react/airframe
matx-react
- uilibrary/matx-react: Matx React Redux Material Design Admin Dashboard Template
- React App
React Admin
- sxfad/react-admin: 基于 Ant Design React 的管理系统架构
- react-admin: 基于React、Ant Design的管理系统架构。
- 简介 · GitBook
- 随行付微服务前端开发框架React Admin - 掘金
shards-dashboard-react
- DesignRevision/shards-dashboard-react: ⚛️A free and beautiful React admin dashboard template pack.
- 手把手带你搭建React16+Router+Redux-saga+Antd后台管理系统 - 掘金
react-admin
- marmelab/react-admin: A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
¥react-native
react-native-mapbox-gl
- mapbox/react-native-mapbox-gl: A Mapbox GL react native module for creating custom maps
- shifeng1993/react-native-start
- Android 真机搭建 React-Native 环境踩坑记录 - 掘金
¥React 全家桶
react-universal-bucket
- liangklfangl/react-universal-bucket: 该文章来源于我的github文章全集,欢迎star
- duxianwei520/react: React+webpack+redux+ant design+axios+less全家桶后台管理框架
- 如何搭建一个REACT全家桶框架 - 掘金
¥React.js 服务端渲染(SSR)
¥实际开发案例
- trazyn/weweChat: 💬 Unofficial WeChat client built with React, MobX and Electron.
- jixianu/EasyFun: a project using react antd webpack es6
- Juliiii/React-Cnode: react-cnode 初学react的作品
- nargusbao/2018-react-demo-2
- nargusbao/2018-react-demo-1: 预览地址:
- shinima/battle-city: 🎮 Battle city remake built with react.
- onfuns/JGold: 掘金轻客户端
- ValleyZw/tree: Top 100 Documentaries App with React Hooks and Material-UI
- bailicangdu/react-pxq: 一个 react + redux 的完整项目 和 个人总结
- jhen0409/react-chrome-extension-boilerplate: Boilerplate for Chrome Extension React.js project
- AnomalyInnovations/serverless-stack-demo-client at code-splitting-in-create-react-app
- cdebotton/react-universal: React, redux, react-router, graphql, postgres, koa, universal starter-kit
- mpw0311/antd-umi-sys: 企业BI系统,数据可视化平台,主要技术:react、antd、umi、dva、es6、less等,与君共勉,互相学习,如果喜欢请start ⭐。
- react-desktops: web桌面操作系统前端UI,用了丰富的mac和win10桌面元素,包括桌面图标、窗口化子页面管理、开始菜单等组件,兼容主流现代浏览器。 适合快速开发后台管理系统的前端界面、整合企
- React16.6和Typescript高仿B站Web移动端 - 掘金
- React + Electron 搭建一个桌面应用 - 掘金
- 开源 react + koa + mysql 设计的简约风格的个人博客 - 掘金
- React写个GitHub项目管理面板 - 掘金
- 开发一个React + Electron应用 - 掘金
- 前端-react-订单列表和评价功能-慕课网-源码-css - 简书
- infinitered/reactotron: A desktop app for inspecting your React JS and React Native projects. macOS, Linux, and Windows.
- [2.7w字]我是这样搭建 React+Typescript项目环境的(上)
- [2.7w字]我是这样搭建 React+Typescript项目环境的(下)
boilerplate
- euler-ui/boilerplate: BoilerPlate for React Projects.
- boilerplate/README-zh.md at master · euler-ui/boilerplate
flow-web
- FlowCI/flow-web: flow.ci frontend web based on React
- flow.ci
Instagram
- React全栈之Instagram开源视频教程 - 掘金
mengya
- manyuewuxin/mengya: 一个类知乎文章方面的应用项目
made with react.js
- React.js Showcase - Made With React.js
react-tetris
- chvin/react-tetris: Use React, Redux, Immutable to code Tetris. 🎮
- T E T R I S
React-Player
- danielbarion/React-Player: One audio player build with ReactJS and Web Audio API
- Audio Player
react-elm
- liuyangjike/react-elm
- chenjinxinlove/react-elm: Vue2-elm 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用https://github.com/bailicangdu/vue2-elm 的react实现版本 学习之用
react-trello-board
- web-pal/react-trello-board: Trello like board based on React, Redux, React-dnd
- React-Trello-Board
react-jump-start
- kmhigashioka/react-jump-start: A redux-less boilerplate inspired by @kentcdodds, @mxstbr and @ryanflorence.
react-cloud-music
- sanyuan0704/react-cloud-music: React 16.8打造精美音乐WebApp
- React打造精美WebApp
smooth-code
- Smooth Code
- Smooth Code - Agence web, dev studio et workshops React à Paris
React.js tools
¥component
react-keep-alive
- StructureBuilder/react-keep-alive: A component that maintains component state and avoids repeated re-rendering.
- can React support feature like keep-alive in Vue? · Issue #12039 · facebook/react
react-slot-fill
- camwest/react-slot-fill: Slot & Fill component for merging React subtrees together. Portal on steroids.
react-html-parser
- wrakky/react-html-parser: Converts HTML strings directly into React components avoiding the need to use dangerouslySetInnerHTML
- React HTML Parser Demo
¥Context&State
#Immutable state
immutable
- 使用immutable优化React - 前端 - 掘金
- immutability-helper 插件的基本使用(附源码) - 掘金
react-copy-write
- aweary/react-copy-write: ✍️ Immutable state with a mutable API
#React.js State Management
DvaJS
- dvajs/dva: 🌱 React and redux based, lightweight and elm-style framework. (Inspired by elm and choo)
- Topic: dva
- dva/packages/dva-loading at master · dvajs/dva
- DvaJS
- React生态,dva源码阅读 - 掘金
- dva应用中reducers和effects的单元测试实战 - 掘金
- react-dva学习 --- 用实例来入门 - 掘金
easy-peasy
- ctrlplusb/easy-peasy: Vegetarian friendly state for React
- Easy Peasy
hox
- umijs/hox: The next-generation state manager for React.
- 【KT】针对Hox,我写了个简陋组件版dev-tools
jotai
- pmndrs/jotai: 👻 Primitive, flexible state management for React
mirror
- mirrorjs/mirror: A simple and powerful React framework with minimal API and zero boilerplate.
memoize-state
- theKashey/memoize-state: The magic memoization for the State management. ✨🧠
react-control-center
- fantasticsoul/react-control-center: without redux、mobx and etc, writing react app with cc mode is a funny way also, it's definitely worth doing! cc is more than a state management framework ^_^
- fantasticsoul/rcc-simple-demo: show you guys how react-control-center works
- fantasticsoul/rcc-antd-pro: ant-design-pro powered by react-control-center
- Package - react-control-center
- Package - react-control-center
- [react-control-center tutorial 1] 启动cc - 掘金
- react-control-center,再一次颠覆你对状态管理的认识 - 掘金
- [react-control-center tutorial 2] 动态配置模块 - 掘金
- [react-control-center tutorial 3] 数据驱动视图的灵魂setState - 掘金
- react-control-center 怎样渐进式的改写你的组件 - 掘金
- [react-control-center] register函数说明 - 掘金
- [react-control-center 番外篇1] ant-design-pro powered by C_C - 掘金
- cc来了,下一代react状态管理解决方案,你准备好了吗 - react-control-center - SegmentFault 思否
- react-control-center,再一次颠覆你对状态管理的认识 - 知乎
react-powerplug
- renatorib/react-powerplug: Renderless Containers
- React PowerPlug
- 精读《React PowerPlug 源码》 - 掘金
react-stdio
- ReactTraining/react-broadcast: Reliably communicate state changes to deeply nested React elements
- react-broadcast - npm
react-memoize
- theKashey/react-memoize: 🧠 React memoization library we all deserve
rxv
- rxv - npm
- sl1673495/react-composition-api: Simple React state management. Made with @vue/reactivity and ❤️.
react-tracked
- dai-shi/react-tracked: Simple and fast global state with React Context. Eliminate unnecessary re-renders without hassle.
Recoil
- facebookexperimental/Recoil: Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.
- Recoil
react-easy-state
- RisingStack/react-easy-state: Simple React state management. Made with ❤️ and ES6 Proxies.
smox
- 132yse/smox: Fast 1kB state management used New context api and Proxy which is similar to Vuex.
stamen
- forsigner/stamen: A React state management library Based on Hooks
Unstated
- jamiebuilds/unstated: State so simple, it goes without saying
- tiaanduplessis/awesome-unstated: A collection of awesome things regarding Unstated.
- sindresorhus/unstated-debug: Debug your Unstated containers with ease
unstated-next
- jamiebuilds/unstated-next: 200 bytes to never think about React state management libraries ever again
- sl1673495/react-vuex-hook: react-vuex-hook是利用React Hook配合Context和useReducer封装的一个用于小型模块的状态管理库,提供类似vuex的语法。
- 结合具体场景,聊聊 React 的状态管理方案 - 掘金
- React状态管理大乱斗,横向对比Dva,Rematch,Mirror - 掘金
- 40行代码把Vue3的响应式集成进React做状态管理 - 掘金
- 使用 React Hooks + Context 打造一个类vuex语法的简单数据管理。 - 掘金
- 【KT】查缺补漏React状态管理探索
- redux、mobx、concent 状态管理方案对比
constate
- diegohaz/constate: React Context + State
¥configuration management system
react-apollo
- apollographql/react-apollo: React integration for Apollo Client
¥HTM
htm
- developit/htm: Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
- babel-plugin-htm - npm
- HTM - JSX 的替代品?还是另一种选择? - 掘金
- 精读《Htm - Hyperscript 源码》 - 掘金
jsxobj
- developit/jsxobj: Build JSON using JSX 🌈 (may contain blood magic)
lit-html
- lit-html - Visual Studio Marketplace
omi-html
- omi/packages/omi-html at master · Tencent/omi
vhtml
- developit/vhtml: Render JSX/Hyperscript to HTML strings, without VDOM 🌈
- vhtml - npm
- developer.mozilla.org
- Configuration Languages
¥Hyper
hyper
- vercel/hyper: A terminal built on web technologies
hyperlit
- zaceno/hyperlit: A JSX-like ttl for Hyperapp
hyperscript
- hyperhype/hyperscript: Create HyperText with JavaScript.
- hyperhype/awesome-hyperscript: Awesome list of everything hyperscript
ijk
- lukejacksonn/ijk: Transforms arrays into virtual dom trees; a terse alternative to JSX and h
react-hyperscript
- mlmorg/react-hyperscript: Hyperscript syntax for React.js markup
¥Observer&Watch
react-intersection-observer
- researchgate/react-intersection-observer: React component for the Intersection <Observer /> API
- sl1673495/use-watch-hook: React自定义Hook实现Vue中的watch功能
- TypeScript从零实现React自定义Hook,实现Vue中的watch功能。 - 掘金
¥react npm
create-react-npm-component
- deltaskelta/create-react-npm-component: CLI tool for creating a React JS component for distribution
npm-react-component-starter
- nmartinezb3/npm-react-component-starter: Base project for creating React components and publish them to npm.
react-npm-component-starter
- markusenglund/react-npm-component-starter: A minimal boilerplate for building a react component for npm, including a demo page.
react-npm-component-boilerplate
- lindgr3n/react-npm-component-boilerplate: Boilerplate to create npm react components
¥react 全家桶
react-family
- brickspert/react-family: react全家桶框架
- 从零搭建React全家桶框架教程 · Issue #1 · brickspert/blog
react-curd
- awaw00/react-curd: 【React全家桶入门系列文章项目】http://blog.csdn.net/awaw00/article/category/6692955
- 【 分类 】- React全家桶入门 - 一韬的React实验室 - CSDN博客
¥React develop&debug
#Open component in editor
- zthxxx/react-dev-inspector: click react component then jump to component's source code in your local IDE.
- create-react-app/launchEditor.js at master · facebook/create-react-app
- create-react-app/errorOverlayMiddleware.js at master · facebook/create-react-app
- 🎉我点了页面上的元素,VSCode 乖乖打开了对应的组件?原理揭秘。
React Scope
- (翻译)React Scope介绍 - 掘金
react-devtools
- facebook/react-devtools: An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools.
react-perf-devtool
- nitin42/react-perf-devtool: A browser developer tool extension to inspect performance of React components.
- reduxjs/redux-devtools: DevTools for Redux with hot reloading, action replay, and customizable UI
- aeksco/react-typescript-chrome-extension-starter: A Chrome Extension starter kit built with React, TypeScript, SCSS, Storybook, Jest, EsLint, Prettier, Webpack and Bootstrap
¥react-spring
- react-spring
¥React-like User Interface
inferno
- infernojs/inferno: An extremely fast, React-like JavaScript library for building modern user interfaces
ivi
- localvoid/ivi: Javascript (TypeScript) library for building web user interfaces
preact
《preact源码分析》
- preact源码分析(一) - 掘金
- preact源码分析(二) - 掘金
- preact源码分析(三) - 掘金
- preact源码分析(四) - 掘金
- preact源码分析(五) - 掘金
- 从Preact了解一个类React的框架是怎么实现的(一): 元素创建 - 掘金
- 从Preact了解一个类React的框架是怎么实现的(二): 元素diff - 掘金
- 从Preact了解一个类React的框架是怎么实现的(三): 组件 - 掘金
- 🔥🔥🔥史上超详细preact hook源码逐行解析了解一下 - 掘金
- 深入Preact源码分析(4.20更新) - 掘金
- preactjs/preact: ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
- developit/preact: ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
- developit/preact-slots: 🕳 Render Preact trees into other Preact trees, like portals.
- developit/preact-jsx-chai: Add JSX assertions to Chai, with support for Preact Components.
- developit/preact-www: Preact documentation website.
- developit/preact-boilerplate: Ready-to-rock Preact starter project, powered by Webpack.
- developit/preact-cli: 😺 Your next Preact PWA starts in 30 seconds.
- developit/preact-cli-plugin-async: Preact CLI plugin that adds converts async/await to Promises.
- developit/preact-markup: Render HTML5 as VDOM, with Components as Custom Elements!
- developit/preact-router: URL router for Preact.
- developit/preact-render-to-string: Universal rendering for Preact: render JSX and Preact components to HTML.
- developit/preact-compat: React compatibility layer for Preact.
- developit/preact-redux: Preact integration for Redux (no shim needed!)
- developit/preact-portal: Render Preact components in (a) SPACE
- developit/linkstate: Bind events to state. Works with Preact and React.
- developit/unistore: 🌶 650b state container with component actions for Preact & React
- developit/preact-redux-example: Preact + Redux Example Project
- developit/babel-preset-preact: Babel preset to transform JSX into h() calls
- developit/preact-transition-group: transition-group ui component for preact
- developit/express-es6-rest-api: Starter project for an ES6 RESTful Express API.
- developit/preact-custom-element: Wrap your component up as a custom element
- developit/preact-token-input: A text field that tokenizes input, for things like tags.
- developit/preact-scroll-viewport: Preact Component that renders homogeneous children only when visible
- developit/preact-mdl: A collection of Preact Components that encapsulate Google's Material Design Lite.
- Preact | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.
- Preact X 来啦 - 前端 - 掘金
- 记一次preact迁移到react16.6.7的经历 - 掘金
- 【送书】Preact(React)核心原理详解
¥React&Vue
reactivue
- antfu/reactivue: 🙊 Use Vue Composition API in React components
Vue in React, React in Vue
- akxcv/vuera: Vue in React, React in Vue. Seamless integration of the two.
- 学会使用Vue JSX,一车老干妈都是你的 - 掘金
- 面试官:请你在React中引入Vue3的@vue/reactivity,实现响应式。 - 掘金
¥React Utils
react-fast-compare
- FormidableLabs/react-fast-compare: fastest deep equal comparison for React
react-util
- benpptung/react-util: utilities for react
react-lodash
- typicode/react-lodash: ⚛️ 🔧 Lodash as React components
- ⚛️🔧使用任何lodash函数作为React组件 - React开发社区 | CTOLib码库
¥React.js CLI
asuna-cli
- ruichengping/asuna-cli: cli for rapid web development
- 企业级React项目的个人构建总结 - 个人文章 - SegmentFault 思否
bruce-cli
- JowayYoung/bruce-cli: React应用自动化构建脚手架
- 一个零配置开箱即用的React应用自动化构建脚手架 - 掘金
- 推荐一个零配置开箱即用的React/Vue应用自动化构建脚手架,不强大你来找我
¥React 兼容
reactie
- ambit-tsai/reactie: A solution that makes React stack work in IE8.
- Reactie Todo
react-ie8
- xcatliu/react-ie8: Make your React app work in IE8
- Make your React app work in IE8 | React IE8 | React Docs v0.14.8
¥React.js 服务端渲染(SSR)&pre-renderer
react-snapshot
- geelen/react-snapshot: A zero-configuration static pre-renderer for React apps
- react-snapshot - npm
react-snap
- stereobooster/react-snap: 👻 Zero-configuration framework-agnostic static prerendering for SPAs
react-stdio
- ReactTraining/react-stdio: Render React.js components on any backend
- react-stdio - npm
- An Almost Static Stack – superhighfives – Medium
- React SSR 详解【近 1W 字】+ 2个项目实战 - 掘金
- 从头开始,彻底理解服务端渲染原理(8千字汇总长文) - 掘金
- React服务端渲染探秘: 5.node作中间层及请求代码优化 - 掘金
¥styles
radium
- FormidableLabs/radium: A toolchain for React component styling.
- Radium - A React Component Styling Library
- React中的样式和动画
- MrXujiang/blink: 基于react的css故障艺术库
¥scripts
doc-scripts
- janryWang/doc-scripts: React Document Build Tool Scripts , Like react-scripts of create react app
react-load-script
- blueberryapps/react-load-script: React component that makes it easy to load 3rd party scripts
- yariv/ReactScriptLoader: A library for creating React components that depend on external scripts.
react-codemod
- reactjs/react-codemod: React codemod scripts
¥Syntax highlighting
react-lowlight
- rexxars/react-lowlight: Syntax highlighter for React, utilizing VDOM for efficient updates
react-syntax-highlighter
- react-syntax-highlighter/react-syntax-highlighter: syntax highlighting component for react with prismjs or highlightjs ast using inline styles
¥Virtual DOM
rawact
- sokra/rawact: [POC] A babel plugin which compiles React.js components into native DOM instructions to eliminate the need for the react library at runtime.
¥异步操作
react-refetch
- heroku/react-refetch: A simple, declarative, and composable way to fetch data for React components
- Introducing React Refetch | Heroku
¥测试
enzyme
- enzymejs/enzyme: JavaScript Testing utilities for React
- Jest & enzyme 进行react单元测试 - 掘金
polendina
- rvagg/polendina: Non-UI browser testing for JavaScript libraries from the command-line
react-testing-library
- testing-library/react-testing-library: 🐐 Simple and complete React DOM testing utilities that encourage good testing practices.
- React Testing Library · Testing Library
- 如何使用React Testing Library和Jest测试React应用
user-event
- Gpx/user-event: 🐕 Simulate user events for react-testing-library
- React 组件自动化测试与持续集成指北(1) - 前端 - 掘金
- React 组件自动化测试与持续集成指北(2) - 前端 - 掘金
- React 测试指南 - 掘金
¥性能优化
react-immutable-render-mixin
- jurassix/react-immutable-render-mixin: react pure render mixin for facebook/immutable-js library
react-perf-tool
- RamonGebben/react-perf-tool: [Deprecated] Debug performance of your React application
react-hot-loader
- gaearon/react-hot-loader: Tweak React components in real time.
- React Hot Loader · Tweak React components in real time.
react-transform-hmr
- gaearon/react-transform-hmr: A React Transform that enables hot reloading React classes using Hot Module Replacement API
- React同构直出优化总结 · Issue #9 · joeyguo/blog
- React移动web极致优化 · Issue #8 · lcxfs1991/blog
- 从 React render 谈谈性能优化 - 掘金
- 【译】精挑细选的一份React性能问题优化的清单 - 掘金
- React性能优化总结 - 不挑食的程序员 - SegmentFault 思否
- 使用immutable优化React - 不挑食的程序员 - SegmentFault 思否
- React vs Angular 2: 冰与火之歌 - 知乎
- Mixin 已死,Composition 万岁 | EFE Tech
- 腾讯新闻React同构直出优化实践 | AlloyTeam
- react组件性能优化探索实践 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客
dumi
- umijs/dumi: 📖 Documentation Generator of React Component
- dumi - A doc tool can assist you to develop libraries & write docs.
- dumi - 为组件开发场景而生的文档工具
epitath
- Astrocoders/epitath: Compose render props imperatively with async/await/CPS kinda sugar
ink
- vadimdemedes/ink: 🌈 React for interactive command-line apps
- vadimdemedes/ink-text-input: Text input component for Ink
- vadimdemedes/ink-spinner: Spinner component for Ink
- vadimdemedes/ink-select-input: Select input component for Ink
- sindresorhus/ink-link: Link component for Ink
- sindresorhus/ink-box: Styled box component for Ink
- sindresorhus/ink-gradient: Gradient color component for Ink
- sindresorhus/ink-big-text: Awesome text component for Ink
- kevva/ink-image: Image component for Ink
- jdeniau/ink-tab: Tab component for Ink 🌈
- LitoMore/ink-color-pipe: 🌈 Create color text with simpler style strings in Ink
- karaggeorge/ink-multi-select: Multi select input component for Ink
- JureSotosek/ink-divider: 👨🏼🎨 Divider component for Ink
proton-native
- kusti8/proton-native: A React environment for cross platform native desktop apps
- Home - Proton Native - React Native for the desktop, cross compatible
pagedraw
- Pagedraw/pagedraw: a UI builder for React web apps
- Pagedraw — Effortlessly turn mockups into functional UI code
rims
- Rims - 换个方式使用 Redux - 掘金
react-wasm
- mbasso/react-wasm: Declarative WebAssembly instantiation for React
react-confirm-email
- funador/react-confirm-email: Email confirmation with React and Node
react-hot-reload.macro
- cometkim/react-hot-reload.macro: Zero configuration Hot Module Replacement using Babel macro
ReactQuantum
- ReactQuantum/ReactQuantum: Visualize your React application's component performance metrics with a live heat map.
react-boilerplate
- maksimgold208/react-boilerplate: 🔥 A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
react-af
- donavon/react-af: Allows you to code using certain React.next features today! Perfect for component library maintainers.
react-cookbook
- shimohq/react-cookbook: 编写简洁漂亮,可维护的 React 应用
reactide
- reactide/reactide: Reactide is the first dedicated IDE for React web application development.
react-chaos
- jchiatt/react-chaos: Chaos Engineering for your React apps.
- SugarTurboS/babel-plugin-react-chaos: A babel plugin that can auto wrap your react components by react-chaos
React.js 资源、整理集&FAQ
React.js 资源
React awesome
30-Days-Of-React
- Asabeneh/30-Days-Of-React: 30 Days of React challenge is a step by step guide to learn React in 30 days. This challenge needs an intermediate level of HTML, CSS, and JavaScript knowledge. It is recommended to feel good at JavaScript before you start to React. If you are not comfortable with JavaScript check out 30DaysOfJavaScript. This is a continuation of 30 Days Of JS.
awesome-react
- enaqx/awesome-react: A collection of awesome things regarding React ecosystem
react-article-bucket
- liangklfangl/react-article-bucket: 总结,积累,分享,传播JavaScript各模块核心知识点文章全集,欢迎star,issue(勿fork,内容可能随时修改)。webpack核心内容部分请查看专栏: https://github.com/liangklfangl/webpack-c
react-book
- survivejs/react-book: From apprentice to master (CC BY-NC-ND)
- ReactFinland
- Introduction
react-tutorial
- hulufei/react-tutorial: React 入门教程 http://hulufei.gitbooks.io/react-tutorial/
- 介紹 | React 入门教程
react-workshop
- ReactTraining/react-workshop: Lectures and exercises for React Training workshops
- Learn React from the creators of React Router
react-developer-roadmap
- adam-golab/react-developer-roadmap: Roadmap to becoming a React developer in 2019
- Foveluy/React-awesome-resume: a resume by using Luy/React
- chentsulin/awesome-react-renderer: Awesome list of React Renderer
- hsavit1/Awesome-React-Native-Education: Use this to learn React Native
- FortAwesome/react-fontawesome: Font Awesome 5 React component
- jaredpalmer/awesome-react-render-props: Awesome list of React components with render props
- LeoMobileDeveloper/ReactNativeMaterials: React Native的中文参考资料,包括开源库,文字/视频资料,相关工具等
- crazycodeboy/react-native-awesome: React Native 学习资源精选仓库(汇聚知识,分享精华)汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等,只求精不求全。
- brillout/awesome-react-components: Catalog of React Components & Libraries
- enaqx/awesome-react: A collection of awesome things regarding React ecosystem.
- recal - Awesomes
- 前端全栈手册之react书单 - hainuo - 简书
React patterns、techniques、tips&tricks
react-bits
- vasanthk/react-bits: ✨ React patterns, techniques, tips and tricks ✨
react-bits-CN
- hateonion/react-bits-CN: ✨ React patterns, techniques, tips and tricks ✨ 中文版的https://github.com/vasanthk/react-bits
- mocheng/react-practice: 《React实战:设计模式和最佳实践》源代码
- petehunt/react-howto: Your guide to the (sometimes overwhelming!) React ecosystem.
react-in-patterns
- krasimir/react-in-patterns: A free book that talks about design patterns/techniques used while developing with React.
React 面试
- sudheerj/reactjs-interview-questions: List of top 300 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
- semlinker/reactjs-interview-questions: List of top 301 ReactJS Interview Questions & Answers
- 必须要会的 50 个 React 面试题 - 掘金
- 18道 React 面试精选题含解答「面试高频」
- React中的核心概念 - mahmud - 博客园
- 手写React核心原理,再也不怕面试官问我react原理
编码规范、风格指南&命名风格
react-styleguidist
- styleguidist/react-styleguidist: Isolated React component development environment with a living style guide
- typescript-cheatsheets/react: Cheatsheets for experienced React developers getting started with TypeScript
- typescript-cheatsheets/react-typescript-cheatsheet-es: Cheatsheets para desarrolladores expertos en React que comienzan con TypeScript
- React入门指南(学习笔记)
- React 有哪些优秀实用的组件? - 知乎
- (28 封私信 / 39 条消息) React - 知乎
- React.js 小书
- 我的作品 - Just for fun
- 分享我的 ToyReact 学习与实现
React.js 整理集
《React 折腾记》
- React 折腾记 - (1) React Router V4 和antd侧边栏的正确关联及动态title的实现 - 掘金
- React 折腾记 - (2) 实现路由动效过渡,并解决过程中奇奇怪怪的问题 - 掘金
- React 折腾记 - (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏 - 掘金
- React 折腾记 - (4) 侧边栏联动Tabs菜单-增强版(结合Mobx) - 掘金
- React 折腾记 - (5) 记录用React开发项目过程遇到的问题(Webpack4/React16/antd等) - 掘金
- React 折腾记 - (6) 基于React 16.x+ Antd 3.封装的一个声明式的查询组件(实用强大) - 掘金
- React 折腾记 - (7) 基于React+Antd封装聊天记录(用到React的memo,lazy, Suspense这些) - 掘金
- React 折腾记 - (8) 基于React+Antd封装选择单个文章分类(从构建到获取) - 掘金
- React 折腾记 - (9) 基于Antd+react-router-breadcrumbs-hoc封装一个小巧的面包屑组件 - 掘金
- React 折腾记 - (10) UmiJS 2.x + antd 重写后台管理系统记录的问题及解决姿势 - 掘金
- React 折腾记 - (11) 结合Antd菜单控件(递归遍历组件)及常规优化 - 掘金
《React 回忆录》
- React 回忆录(一)新的旅程 - 和李先生探索 Web 开发世界 - SegmentFault 思否
- React 回忆录(二)为什么使用 React? - 和李先生探索 Web 开发世界 - SegmentFault 思否
- React 回忆录(三)使用 React 渲染界面 - 和李先生探索 Web 开发世界 - SegmentFault 思否
- React 回忆录(四)React 中的状态管理 - 和李先生探索 Web 开发世界 - SegmentFault 思否
《React入门系列》
- React入门系列 - 1 开发环境搭建 - 掘金
- React入门系列 - 2 编写第一个Hello world的React程序 - 掘金
- React入门系列 - 3 state与props - 掘金
- React入门系列 - 4. 认识无状态组件 - 掘金
- React入门系列 - 5. 表单与变量的关联 - 掘金
《React中级指南》
- React中级指南-01 如何在React中使用Redux - 掘金
《Redux 包教包会》
- Redux 包教包会(三):使用容器组件和展示组件近一步分离组件状态 - 掘金
- Redux 包教包会(二):引入 combineReducers 拆分和组合状态逻辑 - 掘金
- Redux 包教包会(一):介绍 Redux 三大核心概念 - 掘金
《React多页面应用》
- React多页面应用1(webpack4 开发环境搭建,包括热更新,api转发等) - CSDN博客
- React多页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等) - CSDN博客
- React多页面应用3(webpack4 多页面实现) - CSDN博客
- React多页面应用4(webpack4 提取第三方包及公共组件) - CSDN博客
- React多页面应用5(webpack4 多页面自动化生成多入口文件) - CSDN博客
- React多页面应用6(webpack4 开发环境打包性能初提升) - CSDN博客
- React多页面应用7(webpack4 生产环境配置) - CSDN博客
- React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等) - CSDN博客
- React多页面应用9(webpack4 引入eslint代码检查) - CSDN博客
- React多页面应用1(webpack开发环境搭建,包括Babel、热更新等) - CSDN博客
- React多页面应用2(处理CSS及图片,引入postCSS,及图片处理等) - CSDN博客
- React多页面应用3(webpack性能提升,包括打包性能、提取公共包等) - CSDN博客
- React多页面应用4(webpack自动化生成多入口页面) - CSDN博客
- React多页面应用5(webpack生产环境配置,包括压缩js代码,图片转码等) - CSDN博客
- React多页面应用6(gulp自动化发布到多个环境、生成版本号、压缩成zip等) - CSDN博客
- React多页面应用7(引入eslint代码检查) - CSDN博客
- (源码开放) React + webpack3 多页面应用 及 常见问题解答 - CSDN博客
- okeyue的博客 - CSDN博客
- 前端人人
- 前端人人
- 前端人人
- 前端人人
- 前端人人
- 前端人人
- 前端人人
- React多页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)
- 前端人人
《react 打造页面可视化搭建》
- react 打造页面可视化搭建 1 - 提纲 持续更新 - 掘金
- react 打造页面可视化搭建 2 - 画布canvas放大缩小与坐标轴 持续更新 - 掘金
- react 打造页面可视化搭建 3 - mysql 与 sequelize 篇 持续更新 - 掘金
- react 打造页面可视化搭建 4 -实现拖拽自定义容器大小 持续更新 - 掘金
《React系列》
- React系列-Mixin、HOC、Render Props(上) - 掘金
- React系列-轻松学会Hooks(中)
- React系列-自定义Hooks很简单(下) - 掘金
《React 知识梳理》
- react 知识梳理(一) - 掘金
- react 知识梳理(二):手写一个自己的 redux - 掘金
- React 知识梳理(三):手写一个自己的 React-redux - 掘金
《React 架构的演变》
- 【读懂源码】React 架构的演变 - 从同步到异步
- 【读懂源码】React 架构的演变 - 从递归到循环
- React 架构的演变 - 更新机制
- 【读懂源码】React 架构的演变 - Hooks 的实现
《构建自己的React UI组件库》
- 构建自己的React UI组件库: 构建首页 - 掘金
- 构建自己的React UI组件库: 从v0.0.0到 v0.0.1 - 掘金
- 构建自己的React UI组件库(三):文档编写 - 掘金
《循序渐进DIY一个react》
- 循序渐进DIY一个react(一) - 掘金
- 循序渐进DIY一个react(二) - 掘金
- 循序渐进DIY一个react(三) - 掘金
- 循序渐进DIY一个react(四) - 掘金
《基于React全家桶开发「网易云音乐PC」项目实战》
- 🔥基于React全家桶开发「网易云音乐PC」项目实战(一)
- 基于React全家桶开发「网易云音乐PC」项目实战(二)
- 基于React全家桶开发「网易云音乐PC」项目实战(三)
React 笔记&汇总
- blog/前端 SPA 单页应用数据统计相关问题.md at master · erbing/blog
- React 开发必须知道的 34 个技巧【近1W字】
- React 学习路线图 - 2018版 - 前端 - 掘金
- React 单页程序 转 SEO 渲染踩到各种深坑。 - 前端 - 掘金
- 从 loading 的 9 种写法谈 React 业务开发 - 掘金
- react-native兴趣交流群技术文章整理 - 简书
- Time_情书 - 简书
- 求大神推荐一些react.js的优秀书籍或社区? - 徐澈 的回答 - 知乎
- InfoQ
- 文章列表
- React实用项目分享 - 作品 - React 中文
- 你不知道的 React 最佳实践
React.js FAQ
¥React 数据流管理
- 浅谈React数据流管理 - 前端 - 掘金
- 单页应用的数据流方案探索 - 知乎
¥React 优化
- 干货:深入了解React 渲染原理及性能优化
- 如何拆解React巨石应用?qiankun | 🏆 技术专题第四期征文
- 我在工作中写React,学到了什么?性能优化篇
¥React 多页面
- webpack2 打包 react - CSDN博客
- react+webpack多页面程序-CSDN下载
¥React study
react组件库设计&开发
- 基于react的组件库主题设计方案 - 云+社区 - 腾讯云
spring与react整合
- phelpsyacht/react-springboot2-app: 运行登录与注册功能的app的RN前端, 后台https://github.com/phelpsyacht/springboot2-react-app-spring-security
- phelpsyacht/springboot2-react-app-spring-security: 运行登录与注册功能的RN app的服务端 集成了springboot2,spring-security,jwt, 前端https://github.com/phelpsyacht/react-springboot2-app
- springboot与react(前后端整合) - CSDN博客
- Spring Boot与React集成 - CSDN博客
- React+SpringBoot项目部署 - CSDN博客
- React与Springboot整合问题整理。 - CSDN博客
- Springboot+React+antd开发问题记(一) - CSDN博客
- Springboot+React项目跨域访问问题 - CSDN博客
- springboot+scala+react-CSDN下载
- Spring集成React用来开发前端----SpringMVC + react 开发实时测试 - CSDN博客
- react实现前后台数据交互 - CSDN博客
- 使用spring boot restful + react antd - CSDN博客
- 2018最新springcloud springboot svn react视频-CSDN下载
- Springboot2.0+Spring5.0 react 初体验 - CSDN博客
- 关于Springboot项目整合前端react框架遇到的问题梳理 - CSDN博客
- Springboot+Vue 的前后端分离与合并方案 - CSDN博客
- Spring集成React用来开发前端----maven项目中用webpack打包react相关组件 - CSDN博客
- React.js 与 Spring Data REST(一)(官方文档翻译) - CSDN博客
- 基于JVM使用React.js和Spring Boot建立同构的Web应用 - CSDN博客
- react.js - java后端如何与react配合 - SegmentFault 思否
开发React插件
- 手把手教你写一个可以发布到 npm 的 React 插件 - 掘金
- react 获取服务器端时间倒计时 - tomorrow_chen - 简书
- minooo/React-Study: 渐进式学习React生态圈
- aiyuekuang/react_home: 这是一个react得demo/脚手架项目,包含react16+redux+antd+webpack4+react-router4+sass/less+axios+immutable+proxy技术栈
- Render as you fetch (with and without suspense) | Epic React by Kent C. Dodds
- How to Replace Redux with React Hooks and the Context API - SitePoint
- Animating React Components With GreenSock — Smashing Magazine
- 【面试官】React router dom 原理你知道吗
- React 开发必须知道的 34 个技巧【近1W字】 - 掘金
- 学习 React 前你需要知道些什么 - 掘金
- [译]你可以在JSX中使用console.log吗? - 掘金
- [英] Scheduling in React - 前端 - 掘金
- React 实现一个简单实用的 Form 组件 - 掘金
- 从0到1,一步步开发React的loading组件,并发布到npm上 - 掘金
- React 小案例 用户评论 - 掘金
- 如何在react中使用OrgChart? - 掘金
- 自己动手实现一个简单的React - 掘金
- 用React实现一个简易的markdown博客应用 - 掘金
- 一杯茶的时间,上手 React 框架开发 - 掘金
- 200行代码实现简版react🔥 - 掘金
- 你还没有听过React不完全手册?😱😱 - 掘金
- React 中无用但可以装逼的知识 - 掘金
- three.js快速上手以及在react中运用 - 掘金
- React 架构的演变 - 从同步到异步
- 从0搭建React项目 - hl_java的专栏 - CSDN博客
- 从零开始React之环境的搭建与项目的初始化 - Crcker的博客 - CSDN博客
- 从零开始搭建webpack+react开发环境 - 挨踢人啊 - 博客园
- 2 编写第一个Hello world的React程序 - 一只会写代码的熊猫 Blog
- React 实现简易的图片拖动排序
¥React 兼容
- Discontinuing IE 8 Support in React DOM – React Blog
¥ShadowDOM
- Events not registered inside shadow dom · Issue #10422 · facebook/react
- react-shadow-dom-retarget-events - npm
- javascript - Click event not firing when React Component in a Shadow DOM - Stack Overflow
¥布局
- React战记之玩转Flex布局(上篇--容器属性) - 掘金
- [译]Rendering React components to the document body - 掘金
¥报错与解决
react 内存泄露
- react 内存泄露常见问题解决方案 - 掘金
组件卸载后取消异步请求
- isMounted is an Antipattern – React Blog
- [React.js]组件卸载如何自动取消异步请求 - weixin_34024034的博客 - CSDN博客
- 解决 React componentWillUnmount中卸载异步操作,防止内存泄漏_随想人生-CSDN博客
- 解决React组件Unmount时依然继续setState报错的问题_qq_15557771的博客-CSDN博客
- 【react】react组件销毁中清理异步操作和取消请求 - 野马yuanjili - 博客园
- Babel use with objects failing · Issue #556 · babel/babel-loader · GitHub
- Uncaught SyntaxError: Unexpected token < · Issue #1676 · react-boilerplate/react-boilerplate
- reactjs - Error running webpack with react-grid-layout: Plugin/Preset files are not allowed to export objects, only functions - Stack Overflow
- Webpack 报错:The CLI moved into a separate package: webpack-cli - u010696334的博客 - CSDN博客
- Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions. - 小道仙的后宫 - CSDN博客
- webpack4的react打包错误-布布扣-bubuko.com
- Plugin/Preset files are not allowed to export objects,webpack报错/babel报错的解决方法 - 小结巴巴吧 - 博客园
$UI组件库、框架
移动端组件UI库
cube-ui
- didi/cube-ui: A fantastic mobile ui lib implement by Vue
- cube-ui Document
- cube-ui Document
- cube-ui lib
- 滴滴开源 Vue 组件库— cube-ui - 掘金
ColorUI
- weilanwl/ColorUI: 鲜亮的高饱和色彩,专注视觉的小程序组件库
- ColorUI-UniApp - DCloud 插件市场
iOS风格移动Web应用程序开发框架
- 构建 iOS 风格移动 Web 应用程序的8款开发框架 - 梦想天空(山边小溪) - 博客园
- Sencha Touch - Sencha.com | Sencha.com
- Build Amazing Native Apps and Progressive Web Apps with Ionic Framework and Angular
- jQT (formerly jQTouch) — Zepto/jQuery plugin for mobile web development
- trywebapp
- iphone-universal
- the-m-project.net - 这个网站可出售。 - 最佳的mobile framework javascript html5 project node build localstorage websql model 来源和相关信息。
- snippetspace.com - 最佳的snippetspace 来源和相关信息。
- ChocolateChip UI
mui
- dcloudio/mui: 最接近原生APP体验的高性能框架
- mui - 百度
- DCloud - HBuilder 快应用
- CSS组件 · MUI
- MUI-最接近原生APP体验的高性能前端框架
MyLayout
- youngsoft/MyLinearLayout: MyLayout is a powerful iOS UI framework implemented by Objective-C. It integrates the functions with Android Layout,iOS AutoLayout,SizeClass, HTML CSS float and flexbox and bootstrap. So you can use LinearLayout,RelativeLayout,Fr
- 开源UI界面布局框架MyLayout1.9发布 - 掘金
WeTouch
- WeTouch云平台:APP、小程序和H5一站式解决方案
- Touch UI 开发文档
! only 移动端UI组件库
amazeui
- amazeui/amazeui: Amaze UI, a mobile-first and modular front-end framework.
- Amaze UI | 中国首个开源 HTML5 跨屏前端框架
at-ui
- AT-UI/at-ui: A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0
bootstrap
AdminLTE
- ColorlibHQ/AdminLTE: AdminLTE - Free Premium Admin control Panel Theme Based On Bootstrap 3.x
- Free Bootstrap Admin Template | AdminLTE.IO
bootstrap-table
- wenzhixin/bootstrap-table: An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2, v3 and v4)
- wenzhixin/element-table: An extended table to integration with bootstrap-table and element-ui.
- Bootstrap Table
bootstrap-ie7
- coliff/bootstrap-ie7: Bootstrap 3 CSS for IE7
- Bootstrap 3 for IE7 | bootstrap-ie7
BOOTFLAT
- bootflat/bootflat.github.io: BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.
- Bootflat
coreui-free-bootstrap-admin-template
- coreui/coreui-free-bootstrap-admin-template: CoreUI is free bootstrap admin template
- 🆓 Free Bootstrap Admin Template · CoreUI
epicbootstrap
- Epic Bootstrap
gentelella
- ColorlibHQ/gentelella: Free Bootstrap 4 Admin Dashboard Template
material-dashboard
- creativetimofficial/material-dashboard: Material Dashboard - Open Source Bootstrap 4 Material Design Admin
- twbs/bootstrap: The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
- gustavohenke/bselect: DEPRECATED - The select decorator component that was missing for Twitter Bootstrap.
- Bootstrap · The world's most popular mobile-first and responsive front-end framework.
- Bootstrap中文网
- Bootstrap 中文文档 · Bootstrap 是世界上最流行的、移动设备优先的、响应式前端开发框架。
- 手册
- Bootstrap 可视化布局系统
H-ui
- H-ui前端框架官方网站 - 专注前端解决方案
jui
- Jui.com
- jui文档 - 百度
- TopJUI开发文档 - TopJUI前端框架
- TopJUI交流社区 - 致力于为企业级信息系统提供解决方案
- B-jui中文手册_中华文本库
junior
- justspamjustin/junior: A front-end framework for building html5 mobile apps with a native look and feel.
- Junior - A front-end framework for building HTML5 mobile apps with a native look and feel.
Layui
Fly Template
- layui/fly: Fly Template 由layui官方社区友情提供,基于 layui 搭建而成,提供了全屏和固宽两类排版,并且具备响应式适配能力,可很好地作为简约型问答社区的页面支撑。
- Fly - layui前端框架官方社区
- layui 实用干货和常见问题的处理 - Layui
- Fly Template,基于 layui 的极简社区页面模版
laydate
- sentsin/laydate: layDate(日期与时间组件) 是 layui 独立维护的三大组件之一,我们在 5.0 的版本对其进行了一次惊艳的重写
- 日期和时间组件文档 - layui
- layDate - JS日期与时间组件/插件官方演示与讲解
layer
- sentsin/layer: 丰富多样的 Web 弹出层组件,可轻松实现 Alert/Confirm/Prompt/ 普通提示/页面区块/iframe/tips等等几乎所有的弹出交互。目前已成为最多人使用的弹层解决方案
- layer官方演示与讲解(jQuery弹出层插件)
- layer API 帮助文档
- layer弹层组件开发文档 - layui
- 快速上手 layer,新人必看
- layer.open方法 - 大都督的博客 - CSDN博客
Layui-admin
- weberandphper/Layui-admin: 一个现成的 Layui+Vue的后台系统模板,开箱即用
layuimini
- zhongshaofa/layuimini: 后台admin前端模板,基于 layui 编写的最简洁、易用的后台框架模板。只需提供一个接口就直接初始化整个框架,无需复杂操作。
- sentsin/layui: 采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写形式,极低门槛,拿来即用。
- Layui - 经典模块化前端 UI 框架
- LayIM - 拉近用户在Web间的距离
- layim
- 使用LayUI展示数据 - CSDN博客
LuLu UI
- yued-fe/lulu: LuLu UI for PC web
- LuLu UI中文文档和演示 » 命名与设计
- LuLu UI - 游刃于用户侧PC web网站的UI组件
- LuLu UI中文官方文档
- 面向设计的半封装web组件开发(概要版) « 张鑫旭-鑫空间-鑫生活
- 面向设计的半封装web组件开发(原始)
layerjs
- layerJS/layerJS: layerJS: Javascript UI composition framework
- layerJS/layerJS: layerJS: Javascript UI composition framework
- UI composition & animation in pure HTML | layerJS
material-kit
- creativetimofficial/material-kit: Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Design
material-components
- Material Components
polymer.js
- Polymer Project
- Polymer/polymer-cli: Moved to Polymer/tools monorepo
- Polymer Project
- Polymer 中文网
- Polymer 2.0 upgrade guide - Polymer Project
- Polymer library - Polymer Project
- 前端框架 Polymer 入门教程 – 热前端
- 谈谈Google Polymer以及Web UI框架的未来-CSDN.NET
- Polymer2.0 调用外联js方法 - 天边那朵云的博客 - CSDN博客
- polymerjs学习笔记——入门篇 - 简书
- Polymer——Web Components的未来 - 宏图志远 - 博客园
ring-ui
- JetBrains/ring-ui: A collection of JetBrains Web UI components
- Getting Started — Ring UI
sencha/extjs
- sencha
- extjs-doc-cn/ext4api: ExtJS4.1 中文文档翻译 在线文档
- Docs | Ext JS 6.2.0
- API Documentation - Sencha Docs - Ext JS - 脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta)
- Design, Develop, and Test Enterprise Web Apps with Sencha | Sencha
- Sencha中文站 | 全球最大的Sencha中文资料,ExtJS中文教程,Ext中文教程
- API Documentation - Sencha Docs - Ext JS - 脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta)
- Welcome to SenchaDevs
- ExtJS入门——开始 | 全球最大的Sencha中文资料,ExtJS中文教程,Ext中文教程
- https://cn.suyouxuan.com/S_2qc9gA/MDAwMDAwMDAwMJZ8i2TGqqetsmykbLF5ZNyoo00of5fZyL1oo00onoPPhquo000oZZ5hgaGHqsW5cbHAkJOsvaCF17KMrNm0lmmqhbWBabOHzZaKnn6tsqqja76zp6o000oxinHbsoyk3bO7apubuKSovne2YIOIkq274IGss4yWrbCgedmzjMrZv71zpAO0O0OO0O0O_MDAwMDAwMDAwMJZ8i2TG
Semantic-UI
- Semantic-Org/Semantic-UI: Semantic is a UI component framework based around useful principles from natural language.
- Semantic UI
storefront-ui
- DivanteLtd/storefront-ui: Customization-first, performance-oriented and elegant UI framework for eCommerce (and not only) based on Vue.js and Google Retail UX Playbook. Made with 💚 by Vue Storefront team and contributors.
UIkit
- uikit/uikit: A lightweight and modular front-end framework for developing fast and powerful web interfaces
- UIkit
weui
- Tencent/weui: A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.
- Tencent/weui.js: A lightweight javascript library for WeUI.
- Tencent/weui-wxss: A UI library by WeChat official design team, includes the most useful widgets/modules.
- lihongxun945/jquery-weui: UI lib for build hybrid wechat web app
- WeUI
weex-ui
- alibaba/weex-ui: 🏄 A rich interaction, lightweight, high performance UI library based on Weex.
- Weex Ui
Workless
- scottparry/Workless: Workless is a CSS base framework to get your projects up and running as quickly as possible.
- Workless | An open source HTML, CSS & JS framework for developing front-end web applications faster.
winjs
- winjs/winjs: A UI toolkit for modern browsers
zeit-ui
- ZEIT UI
- panteng/wechat-h5-boilerplate: 为腾讯微信优化的H5动效模板,帮助你快速构建全屏滚动型H5页面。
- 如何快速掌握一个ui框架 - 掘金
- 聊聊前端 UI 组件:核心概念
- 聊聊前端 UI 组件:组件体系
$Vue.js
Vue.js core
Vue CLI
Vue CLI core
#Guide
- Overview | Vue CLI
- 介绍 | Vue CLI
- HTML 和静态资源 | Vue CLI
#Configuration Reference
- Configuration Reference | Vue CLI
- 配置参考 | Vue CLI
#Plugin Development Guide
- Plugin Development Guide | Vue CLI
- 插件开发指南 | Vue CLI
#Core Vue CLI Plugins
- Plugins | Vue CLI
@vue/cli-service
- @vue/cli-service - npm
Vue CLI2
- vuejs/vue-cli at v2
Vue CLI3
- webpack - Configure environment specific variables using vue-cli - Stack Overflow
- 环境变量和模式 | Vue CLI
Vue CLI4
- vue-cli/packages/@vue/cli-plugin-babel at dev · vuejs/vue-cli
- vue-cli/packages/@vue/cli-plugin-router at dev · vuejs/vue-cli
- vue-cli/packages/@vue/cli-plugin-vuex at dev · vuejs/vue-cli
vue.config.js
- vue.config.js 配置项 - 掘金
- vuejs/vue-cli: 🛠️ CLI for rapid Vue.js development
- vue-cli/packages/@vue/cli-service/lib/config at dev · vuejs/vue-cli
- Vue CLI 3
- Vue CLI
- Introduction · GitBook
- Awesome Vue CLI packages - Awesome JS
Vue CLI libs、plugins&tools
#vue-cli-plugin
#A-G
@vue/cli-plugin-babel
- @vue/cli-plugin-babel - npm
@vue/cli-plugin-eslint
- @vue/cli-plugin-eslint - npm
- vue-cli/packages/@vue/cli-plugin-eslint at dev · vuejs/vue-cli
@vue/cli-plugin-e2e-cypress
- vue-cli/packages/@vue/cli-plugin-e2e-cypress at dev · vuejs/vue-cli
@vue/cli-plugin-e2e-nightwatch
- vue-cli/packages/@vue/cli-plugin-e2e-nightwatch at dev · vuejs/vue-cli
- wjq990112/vue-cli-plugin-generators: A Vue CLI plugin to generate components or pages.
#H-N
#O-T
@vue/cli-plugin-router
- @vue/cli-plugin-router - npm
@vue/cli-plugin-typescript
- @vue/cli-plugin-typescript - npm
- vue-cli/packages/@vue/cli-plugin-typescript at dev · vuejs/vue-cli
@vue/cli-plugin-pwa
- vue-cli/packages/@vue/cli-plugin-pwa at dev · vuejs/vue-cli
vue-cli-plugin-style-resources-loader
- nguyenvanduocit/vue-cli-plugin-style-resources-loader: Vue cli plugin to support style-resources-loader.
- vue-cli-plugin-style-resources-loader - npm
- CSS 相关 | Vue CLI
- Worthaboutapig/vue-cli-plugin-sass-resources-loader: Vue CLI 3.x plugin for [sass-resources-loader](https://github.com/shakacode/sass-resources-loader).
- webpack - Using sass-resources-loader with vue-cli v3.x - Stack Overflow
- 如何在Vue CLI 3.04上使用sass-resource-loader为所有Vue组件加载_variables.scss文件? -Java 学习之路
#U-Z
@vue/cli-plugin-unit-jest
- @vue/cli-plugin-unit-jest - npm
- vue-cli/packages/@vue/cli-plugin-unit-jest at dev · vuejs/vue-cli
@vue/cli-plugin-vuex
- @vue/cli-plugin-vuex - npm
@vue/cli-plugin-unit-mocha
- vue-cli/packages/@vue/cli-plugin-unit-mocha at dev · vuejs/vue-cli
vue-cli4-config
- staven630/vue-cli4-config: vue-cli3配置vue.config.js持续更新
- staven630/vue-cli4-config at vue-cli3
- vue-cli4 全面配置(持续更新) - 知乎
- vue-cli4 全面配置(持续更新) | vue-cli4-config
Vue CLI 资源、整理集&FAQ
Vue CLI 资源
- lentoo/vue-cli3-project: vue-cli3-project
- trsoliu/vue-cli3.x-configure: 基于vue-cli3.x下,配合vuex、vue-router、iView、axios、scss、amfe-flexible、vConsole等等等
- trsoliu/vue-cli3-command: 基于vue-cli3脚手架自动化打包命名发版本部署脚本
- Deploying ES2015+ Code in Production Today — Philip Walton
Vue CLI 整理集
《从0到1使用VUE-CLI3开发实战》
- 从0到1开发实战手机站(二):Git提交规范配置 - 掘金
- 从0到1使用VUE-CLI3开发实战(四): Axios封装 - 掘金
- 从0到1使用VUE-CLI3开发实战(五):模块化VUEX及使用vuetify - 掘金
- 从0到1使用VUE-CLI3开发实战(六):这是一个有代码洁癖的项目 - 掘金
- vue-cli新建的项目webpack设置涉及的大部分插件整理 - 简书
Vue CLI FAQ
- 一张图教你快速玩转vue-cli3 - 掘金
- 【vue-cli3升级】老项目提速50%(一) - 掘金
- 【vue-cli3升级】老项目提速50%(二) - 掘金
- vue-cli3 从搭建到优化 - 掘金
- 结合vue-cli来谈webpack打包优化 - 掘金
- 深入认识 vue-cli:能做的不仅仅是初始化 vue 工程 - 掘金
- 「Vue实践」项目升级vue-cli3的正确姿势 - 掘金
- Vue-cli@3.0 插件系统简析 - 掘金
- Vue-Cli3多页面配置与编译时构建优化 - 掘金
- vue-cli3 项目框架优化(OneLine周分享) - 掘金
- vue-cli 3.0 下发布一个 TypeScript 组件.md - 掘金
- vue cli 3.0快速创建项目 - 掘金
- 在 WebStorm 中,配置能够识别 Vue CLI 3 创建的项目的别名 alias @ - 掘金
- 用vue-cli3从0打造一个完整的UI库 - 掘金
- Vue-CLI 3.x 自动部署项目至服务器 - 掘金
- 让vue-cli3.0 配置简单起来(vue.config.js编结) - 掘金
- vuecli3+webpack4优化实践(删除console.log和配置dllPlugin) - 掘金
- 基于vue-cli3创建libs库 - 掘金
- 一份超级详细的Vue-cli3.0使用教程[赶紧来试试!] - 掘金
- vue-cli中理不清的assetsSubDirectory 和 assetsPublicPath - 掘金
- 老项目平滑迁移 vue-cli3 日志 - 掘金
- 窥探 Vue CLI3 UI 内置插件 - 关闭网络端口 - 掘金
- 「Vue进阶」5分钟撸一个Vue CLI 插件 - 掘金
- VUE CLI3 结合 cross-env 配置环境变量(含环境变量源码解析) - 掘金
- 如何编写一个vue cli插件 - 掘金
- 【Vue CLI】手把手教你撸插件
- vue-cli3 项目从搭建优化到docker部署 - 掘金
- vue-cli2 中 assets 和 static 文件夹的区别 - Wayne8016的博客
- vue-cli3静态资源static assets项目结构 - 細水、長流√的专栏
- 关于vue的title标签中出现的htmlWebpackPlugin.options.title_javascript_cokoD的博客-CSDN博客
- 自定义自己的vue-cli模板 - 个人文章 - SegmentFault 思否
- vue-cli3静态资源static assets项目结构 - Notes - SegmentFault 思否
- javascript - vue-cli assets 和static 分别到底应该放什么文件. - SegmentFault 思否
- 揭秘vue——vue-cli3全面配置 - JS忍者之路 - SegmentFault 思否
- vue-cli3搭建项目 - 个人文章 - SegmentFault 思否
- vue-cli3.x 新特性及踩坑记 - 全栈修炼 - SegmentFault 思否
- 修改vue/cli项目的标题 - 简书
- vue-cli assets文件夹和static文件夹的区别 - 简书
- vue2:使用vue-cli生成的脚手架,在开发配置上需要注意的事情 - 我有我的个人空间 - OSCHINA
- vue新vue-cli3环境配置和模拟json数据的实例_vue.js_脚本之家
- vue-cli3.0 特性解读_vue.js_脚本之家
- Vue-cli3项目配置Vue.config.js实战记录_vue.js_脚本之家
- vue-cli3全面配置详解_vue.js_脚本之家
- vue-cli3脚手架的配置及使用教程_vue.js_脚本之家
- 一份超级详细的Vue-cli3.0使用教程【推荐】_vue.js_脚本之家
- vue-cli3.0使用及部分配置详解_vue.js_脚本之家
- 详解项目升级到vue-cli3的正确姿势_vue.js_脚本之家
- 解决vue-cli3 使用子目录部署问题_vue.js_脚本之家
- vue-cli3 从搭建到优化的详细步骤_vue.js_脚本之家
- vue-cli3使用mock数据的方法分析_vue.js_脚本之家
- vue-cli3静态资源static assets-JavaScript中文网-JavaScript教程资源分享门户
- vue cli4.0 快速搭建项目详解 - 前端[色色] - 博客园
- Vue-cli中的静态资源管理(src/assets和static/的区别) - Panax - 博客园
- 这可能是vue-cli最全的解析了…… - 前端panda - 博客园
- Vue-cli 项目处理src/assets下静态资源 - 中文 - Vue Forum
- vue-cli 图片动态引入 怎么写呢?图片放在了assets 里面了。_慕课猿问
- Vue CLI 3 项目构建基础 | 码农网
- 自动生成组件代码—— Vue CLI 插件开发实战
- vue-cli项目升级webpack4踩坑
- vue-cli3如何在minimizer里面添加OptimizeCSSAssetsPlugin - SegmentFault 思否
Vue Loader
#Guide
- feat: implement ::v-deep as a shadow piercing combinator (#54) · vuejs/component-compiler-utils@8b2c646
- Scoped CSS | Vue Loader
- 使用预处理器 | Vue Loader
- vue中style scope深度访问新方式(::v-deep) - 小李子的前端 - SegmentFault 思否
#SFC Spec
- SFC Spec | Vue Loader
#Options Reference
- Options Reference | Vue Loader
#Migrating from v14
- Migrating from v14 | Vue Loader
- Migrating from v14 | Vue Loader
Vue Loader core
- vuejs/vue-loader: 📦 Webpack loader for Vue.js components
- Introduction | Vue Loader
- Introduction · vue-loader
- Introduction · vue-loader
- Choose a language · vue-loader
- 介绍 | Vue Loader
Vue Loader 资源、整理集&FAQ
- DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic · Issue #666 · vuejs/vue-loader
- 从vue-loader源码分析CSS Scoped的实现 - 掘金
Vue Router
#指南(Guide)
- 路由组件传参 | Vue Router
- Passing Props to Route Components | Vue Router
- 滚动行为 | Vue Router
#API 参考(API Reference)
- API Reference | Vue Router
- API 参考 | Vue Router
Vue Router core
- vuejs/vue-router: 🚦 The official router for Vue.js.
- chrisvfritz/vue-2.0-simple-routing-example: A simple example of routing with Vue 2.0 without using vue-router.
- vue-router文档
- Introduction | Vue Router
- 介绍 | Vue Router
Vue Router 资源、整理集&FAQ
Vue Router 资源
addRoutes
- vue-element-admin/index.js at 42aa24d1d7821d4932d81a280b87fb6ee050148e · BiYuqi/vue-element-admin
- BiYuqi/vue-element-admin: 🎢基于vue, element-ui 的后台系统 包含侧边栏权限过滤等常用组件
- BiYuqi/vue-multiple-tabs: vue-cli3 动态路由, 复用路由, 自动注入路由, 增删路由, 实战多tab页
- liuyangjike/dynamic-router: daynamic-router to display menu
- console warnin:Duplicate named routes definition · Issue #1727 · vuejs/vue-router
- addRoutes后,我换一个账号登录权限不一样了,怎么删除之前添加的的路由? · Issue #416 · PanJiaChen/vue-element-admin
- Feature request: replace routes dynamically · Issue #1234 · vuejs/vue-router
- 系统权限按需访问路由几个完整方案(含addRoutes的填坑) · Issue #20 · pekonchan/Blog
- Feature request: replace routes dynamically · Issue #1234 · vuejs/vue-router
- Route Meta Fields | Vue Router
- Vue-router-3.0.1 使用router.addRoutes()设置动态路由,页面刷新后无效 - 中文 - Vue Forum
- vue权限控制路由(vue-router 动态添加路由) - qq_28529373的博客 - CSDN博客
- vue.js - Vue-router-3.0.1 使用router.addRoutes()设置动态路由,动态路由对应页面直接刷新后无效 - SegmentFault 思否
- vue-router addRoutes后如何刷新? - SegmentFault 思否
- 手摸手,带你用vue撸后台 系列二(登录权限篇) - 手摸手系列 - SegmentFault 思否
- vue 解决addRoutes动态添加路由后,刷新失效问题 - - SegmentFault 思否
- vue的动态路由(登录之后拿到动态路由通过addRouters()动态添加路由) - 奔跑吧前端(李钊) - 博客园
- 详解基于vue,vue-router, vuex以及addRoutes进行权限控制 - Runlin - 博客园
- vue-router动态添加路由的方法,addRouter添加路由,提示:Duplicate named routes definition-Bug收集 - Bug搜集
navigation-guards
- 导航守卫 | Vue Router
- vue2.x使用beforeRouteEnter路由钩子进行鉴权 - 掘金
- vue-router路由切换 组件重用挖下的坑 - 踩坑小王子 - CSDN博客
- 用 vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录) - Latency の 博客 - CSDN博客
- 对vue-router 3个钩子的理解 - 流年的樱花逝 - SegmentFault 思否
- Vue2.0生命周期(组件钩子函数与路由守卫) - - SegmentFault 思否
- Vue-Router路由钩子函数(导航守卫) - 简书
Vue Router 整理集
《vue-router 源码解析》
- vue-router源码解析 | 1.4w字 | 多图预警 - 【上】🏆 掘金技术征文|双节特别篇
- vue-router源码解析 | 1.5w字 | 多图预警 - 【中】| 掘金年度征文
- 【完结】vue-router 源码解析 | 6k 字 - 【下】
- vue-router 一些容易被忽略的知识点 - 掘金
- 可能比文档还详细--VueRouter完全指北 - 掘金
Vue Router FAQ
- addRoutes实现动态权限路由菜单 - 个人文章 - SegmentFault 思否
- vue-router 源码阅读 - 文件结构与注册机制 - 掘金
- 学习vue-router - 掘金
- 说说 vue-router 组件的高级应用 - 掘金
- 解决vue在控制台的 NavigationDuplicated 报错 - 红尘码农·Joseph - CSDN博客
- VueRouter之加载解析VueRouter文件_玉案轩窗的博客-CSDN博客
- VueRouter之构建VueRouter对象以及new Vue涉及的处理_玉案轩窗的博客-CSDN博客
- vue-router实现原理分享
Vuex
Vuex core
- vuejs/vuex: 🗃️ Centralized State Management for Vue.js.
- What is Vuex? | Vuex
- Introduction · Vuex
- Vuex 是什么? | Vuex
Vuex libs、plugins&FAQ
typed-vuex
- danielroe/typed-vuex: 🏦 A typed store accessor for vanilla Vuex.
vue-savedata
- Banlangenn/vue-savedata: vuex 数据持久化 .【配置简,性能佳,体积小】 举个🌰例子 :https://codesandbox.io/s/jpw79pmr15
vuex-along
- boenfu/vuex-along: A plugins to auto save and restore state for vuex
vuex-class
- ktsn/vuex-class: Binding helpers for Vuex and vue-class-component
vuex-loading
- vueComponent/vuex-loading: A loading plugin like dva-loading
vuex-map-fields
- maoberlehner/vuex-map-fields: Enable two-way data binding for form fields saved in a Vuex store
vuex-orm
- Vuex ORM
- vuex-orm/vuex-orm: The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.
- vuex-orm/plugin-axios: Vuex ORM persistence plugin to sync the store against a RESTful API.
- vuex-orm/plugin-graphql: Vuex ORM persistence plugin to sync the store against a GraphQL API.
- vuex-orm/plugin-search: Vuex ORM plugin for adding fuzzy search feature through model entities.
- vuex-orm/plugin-change-flags: Vuex ORM plugin for adding IsDirty / IsNew flags to model entities.
- vuex-orm/plugin-soft-delete: Vuex ORM plugin for adding soft delete feature to model entities.
- vuex-orm/awesome-vuex-orm: A curated list of awesome things related to Vuex ORM.
- Vuex ORM | Vuex ORM
vuex-persistedstate
- robinvdvleuten/vuex-persistedstate: 💾 Persist and rehydrate your Vuex state between page reloads.
- vuex-persistedstate - npm
vuex-persist
- championswimmer/vuex-persist: A Vuex plugin to persist the store. (Fully Typescript enabled)
vuex-pathify
- davestewart/vuex-pathify: Vue / Vuex plugin providing a unified path syntax to Vuex stores
vuex-router-sync
- vuejs/vuex-router-sync: Effortlessly keep vue-router and vuex store in sync.
vuex-stateshot
- xiaoluoboding/vuex-stateshot: 💾 A State Snapshot plugin on Actions/Mutations for Vuex3.1+.
- gaoding-inc/stateshot: 💾 Non-aggressive history state management with structure sharing.
- 打造 Vue 技术栈中的“时间宝石“ - 掘金
Vuex 资源、整理集&FAQ
《Vuex源码学习》
- Vuex源码学习(一)功能梳理 - 掘金
- Vuex源码学习(二)脉络梳理 - 掘金
- Vuex源码学习(三)install都做了哪些事情 - 掘金
- Vuex源码学习(四)module与moduleCollection - 掘金
- Vuex源码学习(五)加工后的module - 掘金
- Vuex源码学习(六)action和mutation如何被调用的(前置准备篇) - 掘金
- Vuex源码学习(七)action和mutation如何被调用的(调用篇) - 掘金
- Vuex源码学习(八)模块的context如何被创建以及它的作用 - 掘金
- sl1673495/vuex-error-plugin: 提供vuex全局拦截错误统一处理能力。
- Learn Vuex | Scrimba.com
- TypeScript基础看腻了?进阶实现智能类型推导的简化版Vuex,手把手带你实现。 - 掘金
- 从概念到实际项目__vuex指北 - 掘金
- 【前端笔记】Vuex 是什么,为什么需要 - 掘金
- EventBus & Vuex? - 掘金
- 【前端笔记】Vuex快速使用 - 掘金
- 利用Dectorator分模块存储Vuex状态(上) - 掘金
- 利用Dectorator分模块存储Vuex状态(下) - 掘金
- 如何使用 vue + typescript 编写页面 ( vuex装饰器部分 ) - 掘金
- 如何使用 vue + typescript 编写页面 ( vuex装饰器补充部分--store装饰器 ) - 掘金
- 如何更好的使用module vuex? - 掘金
- Vue递归组件+Vuex开发树形组件Tree--递归组件 - 掘金
- DIY 一个 Vuex 持久化插件 - 掘金
- 状态机Vuex的奇淫巧技-多弹框、多事件统一控制 - 掘金
- 手写Vuex核心原理,再也不怕面试官问我Vuex原理
- VueJS中学习使用Vuex详解 - 个人文章 - SegmentFault 思否
- 超简单入门Vuex小示例 - 个人文章 - SegmentFault 思否
- vuex最简单、最详细的入门文档 - 前端研发工程师 - 梁晓谊 - SegmentFault 思否
- Vue.js——十分钟入门Vuex - 简书
- vuex到底是个啥 - 追梦-dream - 博客园
- vue--vuex详解 - 游鱼与渔 - 博客园
- Vuex 快速入门 简单易懂 - 王念博客 - 开源中国
Vue.js Server-Side Rendering
- vuejs/vue-ssr-docs: Vue.js Server-Side Rendering Guide
- Vue.js Server-Side Rendering Guide | Vue SSR Guide
- Introduction · GitBook(!SSR)
- 编写通用代码 | Vue SSR 指南
vue-resource
- pagekit/vue-resource: The HTTP client for Vue.js
vuejs-templates
- vuejs-templates
- vuejs-templates/pwa: PWA template for vue-cli based on the webpack template
- vuejs-templates/webpack: A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.
vue-template-compiler
- vue/packages/vue-template-compiler at dev · vuejs/vue
- vuejs/vue-template-es2015-compiler: Support a subset of handy ES2015 features in Vue 2.0 templates.
- vue-template-compiler - npm
- Vue Template Explorer
- Vue模板编译原理
Vue.js 服务端渲染(SSR)
Vue awesome、源码、文档&社区
¥教程(Guide)
¥基础(Essentials)
#Vue 实例(The Vue Instance)
- The Vue Instance — Vue.js
Vue 生命周期(Lifecycle)
- The Vue Instance — Vue.js
- Vue 实例 — Vue.js
- 详解 Vue 生命周期实现 - 掘金
- 初探 Vue 生命周期和钩子函数 - 掘金
- 异步加载在Vue生命周期哪个阶段更合理 - 掘金
- Vue生命周期 - 掘金
- vue生命周期 - 掘金
- vue生命周期详解 - 掘金
- Vue2.5笔记:Vue的实例与生命周期 - 六小登登的专栏 - CSDN博客
- vue--生命周期函数 - 大小都是愁的成长之路 - CSDN博客
- Vue之生命周期相关_玉案轩窗的博客-CSDN博客
- 关于Vue实例的生命周期created和mounted的区别 - 劝君惜取少年时 - SegmentFault 思否
- vue中各选项及钩子函数执行顺序详解_vue.js_脚本之家
- 安装 — Vue.js
¥深入了解组件(Components In-Depth)
- Component Registration — Vue.js
- 组件注册 — Vue.js
- 插槽 — Vue.js
¥过渡 & 动画(Transitions & Animation)
- Enter/Leave & List Transitions — Vue.js
- 进入/离开 & 列表过渡 — Vue.js
¥可复用性 & 组合(Reusability & Composition)
#混入(Mixins)
- Mixins — Vue.js
- 混入 — Vue.js
#渲染函数 & JSX(Render Functions & JSX)
- vuejs/jsx: monorepo for Babel / Vue JSX related packages
- babel-plugin-transform-vue-jsx/README.md at master · vuejs/babel-plugin-transform-vue-jsx
- vueComponent/jsx: jsx for vue 3
- Vue 3 JSX Design · Issue #141 · vuejs/jsx
- Render Functions & JSX — Vue.js
- 渲染函数 & JSX — Vue.js
- 渲染函数 & JSX — Vue.js
- 如何在Vue中书写JSX - 掘金
- 学会使用Vue JSX,一车老干妈都是你的 - 掘金
- vue项目中使用jsx语法_水痕-CSDN博客
- 如何在 Vue 中使用 JSX 以及使用它的原因
vue-next-jsx
- HcySunYang/vue-next-jsx: A babel plugin that provides jsx syntax for vue3
¥工具(Tooling)
#TypeScript 支持(TypeScript Support)
《Vue & TypeScript》
- Vue & TypeScript 初体验
- Vue & TypeScript 初体验 - 使用Vuex (vuex-module-decorators)
- Vue & TypeScript 初体验 - TypeScript中常用的数据类型
- Vue & TypeScript 初体验 - TypeScript中的Interface
《为 Vue3 学点 TypeScript》
- 为 Vue3 学点 TypeScript , 体验 TypeScript - 掘金
- 为vue3学点typescript, 基础类型和入门高级类型 - 掘金
- 为vue3学点typescript, 泛型 - 掘金
- 为 Vue3 学点 TypeScript, 解读高级类型 - 掘金
- 为 Vue3 学点 TypeScript, 命名空间(namespace)是什么? - 掘金
- 在vue3🔥源码中学会typescript🦕 - "is" - 掘金
- TypeScript系列🔥尾声篇, 什么是声明文件(declare)? [🦕全局声明篇] - 掘金
- ws456999/vue-typescript-starter: vue-typescript-starter 脚手架
- TypeScript Support — Vue.js
- TypeScript 支持 — Vue.js
- Vue + TypeScript + Element 项目实践(简洁时尚博客网站)及踩坑记 - 掘金
- vue + typescript 项目起手式 - 个人文章 - SegmentFault 思否
- vue + typescript 进阶篇 - 个人文章 - SegmentFault 思否
- Vue with TypeScript - D.D Blog - SegmentFault 思否
- TypeScript + 大型项目实战_慕课手记
- Single File Components — Vue.js
- 单文件组件 — Vue.js
- Production Deployment — Vue.js
¥规模化(Scaling Up)
- Routing — Vue.js
- 路由 — Vue.js
¥内在(Internals)
- Reactivity in Depth — Vue.js
- 深入响应式原理 — Vue.js
¥迁移(Migrating)
- vuejs/vue-migration-helper: CLI tool to aid in migration from Vue 1.x to 2.0
- vue-migration-helper - npm
- Migration from Vue 1.x — Vue.js
- 从 Vue 1.x 迁移 — Vue.js
¥更多(Meta)
- Comparison with Other Frameworks — Vue.js
- 对比其他框架 — Vue.js
- Introduction — Vue.js
- 介绍 — Vue.js
¥API
全局配置 & 全局API
Vue.extend( options )
- Vue.extend挂载到实例上_charming的博客-CSDN博客
- Vue2 向Vue.extend传参-propsData属性 - xuanwuziyou的专栏 - CSDN博客
- javascript - Vue.extend 创建的子组件实例化时传递参数只能通过 propsData ?? - SegmentFault 思否
- Vue.extend构造器的详解_vue.js_脚本之家
- vue通过extend动态创建全局组件(插件)学习小记 - vbyzc - 博客园
- API — Vue.js
Vue.nextTick( [callback, context] )
- API — Vue.js
- 从 javascript 事件循环看 Vue.nextTick 的原理和执行机制 - 掘金
- 通俗易懂的Vue异步更新策略及 nextTick 原理
- Vue之nextTick内部实现_玉案轩窗的博客-CSDN博客
- Vue源码详解之nextTick:MutationObserver只是浮云,microtask才是核心! - chuckliu的前端学习笔记 - SegmentFault 思否
Vue.set( target, propertyName/index, value )
- API — Vue.js
- 【vue2 给对象添加属性】 - CSDN
- vue 数组中嵌套的对象添加新属性--页面更新 - 简书
- Vue 不能检测到对象属性的添加或删除,注意!!! - web前端 - SegmentFault 思否
- So What Actually is Vue.set?
- javascript - What is the difference between vm.$set and Vue.set? - Stack Overflow
Vue.delete( target, propertyName/index )
- API — Vue.js
- 【vue 删除 对象属性】 - CSDN
- Vue.delete()删除对象的属性 - xiasohuai的博客 - CSDN博客
Vue.directive( id, [definition] )
- API — Vue.js
Vue.filter( id, [definition] )
- API — Vue.js
- pixelspring/VueFilters: A collection of useful filters for Vue 2
- xiterjia/vue-global-filters: vue-global-filters
- vue-global-filters/src/common/filters at master · xiterjia/vue-global-filters
Vue.component( id, [definition] )
- API — Vue.js
- VUE的component和components - 简书
Vue.use( plugin )
- API — Vue.js
- Vue中使用Vue.use注册全局插件-组件、指令、过滤器等_WLittleyang的博客-CSDN博客
- 使用use注册Vue全局组件和全局指令_JavaScript_runOnWay的博客-CSDN博客
- vue全局注册组件和指令 - 简书
Vue.mixin( mixin )
- API — Vue.js
vue-mixins
- paulpflug/vue-mixins: A collection of mixins in vue
- vue-mixins - npm
Vue.compile( template )
- API — Vue.js
- Vue.js 模板解析器原理 - 掘金
- 咱来聊聊 Vue - compile - 掘金
Vue.observable( object )
- API — Vue.js
Vue.version
- API — Vue.js
- API — Vue.js
选项
选项 / 数据
- API — Vue.js
data
- API — Vue.js
props
- API — Vue.js
- 「从源码中学习」彻底理解Vue选项Props - 掘金
propsData
- API — Vue.js
computed
- API — Vue.js
- [译] 监测与调试 Vue.js 的响应式系统:计算属性树(Computed Tree) - 掘金
- 记录Computed源码分析 - 掘金
- 深度解析:Vue3如何巧妙的实现强大的computed - 掘金
- 手摸手带你理解Vue的Computed原理
- Vue实例创建之computed_玉案轩窗的博客-CSDN博客
methods
- API — Vue.js
watch
- API — Vue.js
- Vue.js中 watch 的高级用法 - 掘金
- 根据调试工具看Vue源码之watch - 掘金
- vue watch中的immediate和deep - 掘金
- Vue2.0的watch属性-(5) - 简书
选项 / DOM
- API — Vue.js
el
- API — Vue.js
template
- API — Vue.js
- Vue 模板 | 大漠老师 w3cplus - 前端 - 掘金
render
- API — Vue.js
- https://mp.weixin.qq.com/s/EalDK0Wa80jwN938d8ccRw
renderError
- API — Vue.js
选项 / 生命周期钩子
- API — Vue.js
beforeCreate
- API — Vue.js
created
- API — Vue.js
beforeMount
- API — Vue.js
mounted
- API — Vue.js
beforeUpdate
- API — Vue.js
updated
- API — Vue.js
activated
- API — Vue.js
deactivated
- API — Vue.js
beforeDestroy
- API — Vue.js
destroyed
- API — Vue.js
errorCaptured
- API — Vue.js
- [Vue.js进阶]从源码角度剖析Vue的生命周期
选项 / 资源
- API — Vue.js
directives
- API — Vue.js
filters
- API — Vue.js
components
- API — Vue.js
选项 / 组合
- API — Vue.js
parent
- API — Vue.js
mixins
- API — Vue.js
extends
- API — Vue.js
provide / inject
- API — Vue.js
- vue高级组件之provide / inject - 哒哒哒 - CSDN博客
- vue中的provide和inject - Cassie's blog - CSDN博客
- vue学习- provide / inject - 简书
- Vue.js 源码学习五 —— provide 和 inject 学习 - 简书
- Vue实战指南之依赖注入(provide / inject) - 简书
- vue中的provide/inject的学习使用_vue.js_脚本之家
- 详解Vue 多级组件透传新方法provide/inject_vue.js_脚本之家
- vue中的依赖注入 provide 和 inject - 崔凯通 - 博客园
选项 / 其它
- API — Vue.js
name
- API — Vue.js
delimiters
- API — Vue.js
functional
- API — Vue.js
model
- API — Vue.js
inheritAttrs
- API — Vue.js
comments
- API — Vue.js
- Render Functions & JSX — Vue.js
- 深入剖析Vue源码 - 选项合并(上) - 掘金
- 深入剖析Vue源码 - 选项合并(下) - 掘金
- Vue源码之 props data computed 顺序 - chuliang - 博客园
- Vue实例API - Shimily - 博客园
实例属性
- API — Vue.js
vm.$data
- API — Vue.js
vm.$props
- API — Vue.js
vm.$el
- API — Vue.js
vm.$options
- API — Vue.js
vm.$parent
- API — Vue.js
vm.$root
- API — Vue.js
vm.$children
- API — Vue.js
vm.$slots
- API — Vue.js
vm.$scopedSlots
- API — Vue.js
vm.$refs
- API — Vue.js
vm.$isServer
- API — Vue.js
vm.$attrs
- API — Vue.js
vm.$listeners
- API — Vue.js
实例方法
数据
- API — Vue.js
vm.$watch( expOrFn, callback, [options] )
- API — Vue.js
vm.$set( target, propertyName/index, value )
- API — Vue.js
vm.$delete( target, propertyName/index )
- API — Vue.js
事件
- API — Vue.js
vm.$on( event, callback )
- API — Vue.js
vm.$once( event, callback )
- API — Vue.js
vm.$off( [event, callback] )
- API — Vue.js
vm.$emit( eventName, […args] )
- API — Vue.js
- Vue之事件相关_玉案轩窗的博客-CSDN博客
生命周期
- API — Vue.js
vm.$mount( [elementOrSelector] )
- API — Vue.js
vm.$forceUpdate()
- API — Vue.js
vm.$nextTick( [callback] )
- API — Vue.js
- 浅析Vue 中 $nextTick 机制 - 掘金
- Vue中$nextTick源码解析 - 掘金
vm.$destroy()
- API — Vue.js
- Vue 的生命周期之间到底做了什么事清?(源码详解,带你从头梳理组件化流程) - 掘金
指令
- API — Vue.js
v-text
- API — Vue.js
v-html
- API — Vue.js
v-show
- API — Vue.js
v-if
- API — Vue.js
v-else
- API — Vue.js
v-else-if
- API — Vue.js
v-for
- API — Vue.js
v-on
- API — Vue.js
v-bind
- API — Vue.js
v-model
- API — Vue.js
- Vue之v-model_玉案轩窗的博客-CSDN博客
- Vue之v-model解析_玉案轩窗的博客-CSDN博客
v-slot
- API — Vue.js
- Vue一个案例引发「内容分发slot」的最全总结 - 掘金
- [译] 我最终是怎么玩转了 Vue 的作用域插槽 - 掘金
- vue作用域插槽,你真的懂了吗? - 掘金
- 请你说说 Vue 中 slot 和 slot-scope 的原理(2.6.11 深度解析) - 掘金
- Vue之slot相关_玉案轩窗的博客-CSDN博客
- vue---slot,slot-scoped,以及2.6版本之后插槽的用法 - 站住,别跑 - 博客园
- 让你的组件千变万化,Vue slot 剖玄析微
v-pre
- API — Vue.js
v-cloak
- API — Vue.js
v-once
- API — Vue.js
自定义指令
v-hotkey
- Dafrok/v-hotkey: Vue 2.x directive for binding hotkeys to components.
- V-Hotkey
v-click-outside
- ndelvalle/v-click-outside: 🔲 Vue directive to react on clicks outside an element without stopping the event propagation
v-clipboard
- euvl/v-clipboard: Vue.js clipboard library (no dependencies, less than 2kb)
vue-scrollto
- rigor789/vue-scrollto: Adds a directive that listens for click events and scrolls to elements.
- vue-scrollto
v-scroll-lock
- phegman/v-scroll-lock: A Vue.js directive for body scroll locking without breaking scrolling of a target element.
vue-focus
- simplesmiler/vue-focus: A reusable focus directive for reusable Vue.js components
- yeyuqiudeng/vue-auto-focus: A vue directive that can let you control your input and textarea auto focus very easily! Vue指令,你可以很方便地对页面中所有input和textarea的自动聚焦行为进行流程控制
vue-ripple-directive
- PygmySlowLoris/vue-ripple-directive: Material Ripple Effect as Vue Directive.
vue-inputmask
- scleriot/vue-inputmask: Vue.js directive to add inputmask library to your inputs (vanilla javascript).
vue-clampy
- clampy-js/vue-clampy: Vue.js (2+) directive that clamps the content of an element by adding an ellipsis to it if the content inside is too long.
vue-directive-tooltip
- hekigan/vue-directive-tooltip: Vue.js tooltip directive. Easy to use, configure and style
- Vue Directive Tooltip
v-blur
- ndelvalle/v-blur: ⬜️ Vue directive to blur an element dynamically
vue-dummy
- paulcollett/vue-dummy: Placeholder Images and Lorem Ipsum Dummy Text for Vue.js projects
- vue-directive · GitHub Topics
- 这些Vue自定义指令,让你的项目开发爽到爆
v-autofocus
- vuejs-tips/v-autofocus: Vue autofocus directive
v-debounce
- vuejs-tips/v-debounce: Input debounce directive for Vue.js
v-fit-columns
- kaysonli/v-fit-columns: Auto fit el-table-column with cell content.
特殊特性
- API — Vue.js
key
- API — Vue.js
- 为什么 Vue 中不要用 index 作为 key?(diff 算法详解) - 掘金
ref
- API — Vue.js
is
- API — Vue.js
slot-废弃
- API — Vue.js
slot-scope-废弃
- API — Vue.js
scope-移除
- API — Vue.js
内置的组件
- API — Vue.js
component
- API — Vue.js
transition
- API — Vue.js
transition-group
- API — Vue.js
keep-alive
- <keep-alive>组件缓存问题 · Issue #811 · vuejs/vue-router
- API — Vue.js
- vue2.0 keep-alive最佳实践 - 前端打小怪升级笔记 - SegmentFault 思否
- vue-router 之 keep-alive - 简书
- 记一次vue 的keep-alive踩坑之路 - 简书
- 彻底揭秘keep-alive - 知乎
- Vue源码解析,keep-alive是如何实现缓存的?
slot
- API — Vue.js
VNode 接口
- API — Vue.js
- vue/vnode.js at dev · vuejs/vue
服务端渲染
- vue/packages/vue-server-renderer at dev · vuejs/vue
- vue/packages/vue-server-renderer at dev · vuejs/vue
- API — Vue.js
- API — Vue.js
- API — Vue.js
¥风格指南(Style Guide)
- Style Guide — Vue.js
- 风格指南 — Vue.js
- 风格指南 — Vue.js
- 风格指南 — Vue.js
¥示例(Examples)
- Markdown Editor — Vue.js
- Markdown 编辑器 — Vue.js
¥Cookbook
- Introduction — Vue.js
- 介绍 — Vue.js
Hooks
- yyx990803/vue-hooks: Experimental React hooks implementation in Vue
- sdras/vue-hooks-foodapp: A food app using a few hooks in Vue to show how they can work (experimental)
- vue-hooks学习笔记(含源码解读)
- Hooks API 在 Vue 中的实现分析
- [译] Hooks 对 Vue 而言意味着什么
- u3u/vue-hooks: ⚡️Awesome Vue Hooks
HOC
vue-hoc
- jackmellis/vue-hoc: Create Higher Order Vue Components
- Discussion: Best way to create a HOC · Issue #6201 · vuejs/vue
- Vue 进阶必学之高阶组件 HOC(保姆式教学,冲击20k必备) - 掘金
- 探索Vue高阶组件 | HcySunYang - SegmentFault 思否
Proxy
- 初探 Vue3.0 中的一大亮点——Proxy ! - 掘金
- vue3.0 尝鲜 -- 摒弃 Object.defineProperty,基于 Proxy 的观察者机制探索 - 掘金
- 深入剖析Vue源码 - 数据代理,关联子父组件 - 掘金
Virtual Dom
- xuqiang521/overwrite: 👍 overwrite some javascript methods
- 细谈 vue 核心- vdom 篇 - 掘金
- 合格前端系列第五弹- Virtual Dom && Diff(迁移) - 掘金
- 【vue系列】Virtual DOM 真的比操作原生 DOM 快吗? - saucxs - 博客园
Vue 响应式数据
- 深入响应式原理 — Vue.js
- Vue响应式数据: Observer模块实现 - 掘金
- Vue: Binding与Watcher - 掘金
- 深入了解 Vue 响应式原理(数据拦截) - 掘金
- 深入了解 Vue.js 是如何进行「依赖收集] - 掘金
- 浅谈VUE响应式双向绑定 - 掘金
- 【重学Vue】数据响应原理真的是双向绑定吗? - 掘金
- 【vue】用图告诉你响应式原理 - 掘金
- 记一次思否问答的问题思考:Vue为什么不能检测数组变动 - vue解析 - SegmentFault 思否
- javascript - Vue为什么不能检测数组变动 - SegmentFault 思否
Vue 源码
Vue 源码 core
rfcs
- vuejs/rfcs: RFCs for substantial changes / feature additions to Vue core
- Composition API RFC | Vue Composition API
- vuejs
- vuejs/vue: Simple yet powerful library for building modern web interfaces.
- vuejs/vuejs.org: 📄 The official documentation site for Vue.js.
- vuejs/cn.vuejs.org: 🇨🇳 Chinese translation for vuejs.org
- GitHub - vuejs/vue-docs-zh-cn
- src/vuejs.md at master · jsfront/src
- lyon007/VueJS-docset-CN: Vue.docset dash 文档 Vue 离线文档中文版
- vuejs/awesome-vue: 🎉 A curated list of awesome things related to Vue.js
- opendigg/awesome-github-vue: Vue相关开源项目库汇总
- bhnddowinf/vuejs-learn: (vue.js official website tutorials ,contains video , codes, baudi yun, youtube) 网路上有很多 VUE 综合应用的视频,但大部份的视频 ,都当你已经了解官网 所以讲的节奏难免偏快。 此视频(都
- Roadmap
- Vue.js
- vue.js
- Introduction — Vue.js
- Vue.js 中文文档 - vuefe.cn
- API-vue中文文档
- Vue:Vue.js专业中文社区
- Vue Forum
- 台湾的小凡的自频道-优酷视频
- Vue.js 教程 | 菜鸟教程
- https://cdn.jsdelivr.net/npm/vue/dist/vue.js
- Awesome Vue packages - Awesome JS
Vue 源码解析
《Vue 源码解析》
- Vue 源码解析(实例化前) - 响应式数据的实现原理 - 掘金
- Vue 源码解析(实例化前) - 初始化全局API(一) - 掘金
- Vue 源码解析(实例化前) - 初始化全局API(二) - 掘金
- Vue 源码解析(实例化前) - 初始化全局API(三) - 掘金
《Vue源码探究》
- Vue源码探究-源码文件组织 - 掘金
- Vue源码探究-构建版本的区别 - 掘金
- Vue源码探究-核心类的实现 - 掘金
- Vue源码探究-类初始化函数详情 - 掘金
- Vue源码探究-生命周期 - 掘金
- Vue源码探究-事件系统 - 掘金
- Vue源码探究-数据绑定逻辑架构 - 掘金
- Vue源码探究-数据绑定的实现 - 掘金
- Vue源码探究-状态初始化 - 掘金
- Vue源码探究-虚拟节点的实现 - 掘金
- Vue源码探究-虚拟DOM的渲染 - 掘金
《Vue源码探秘》
- Vue源码探秘(一) - 掘金
- Vue源码探秘(二)(从入口开始) - 掘金
- Vue源码探秘(三)(new Vue发生了什么?) - 掘金
- Vue源码探秘(四)(实例挂载$mount) - 掘金
- Vue源码探秘(五)(_render 函数的实现) - 掘金
- Vue源码探秘(六)(Virtual DOM) - 掘金
- Vue源码探秘(七)(createElement) - 掘金
- Vue源码探秘(八)(_update) - 掘金
- Vue源码探秘(九)(createComponent) - 掘金
《Vue原理解析》
- Vue原理解析(一):Vue到底是什么? - 掘金
- Vue原理解析(二):初始化时beforeCreate之前做了什么? - 掘金
- Vue原理解析(三):初始化时created之前做了什么? - 掘金
- Vue原理解析(四):你知道被大家聊烂了的虚拟Dom是怎么生成的吗? - 掘金
- Vue原理解析(五):彻底搞懂虚拟Dom到真实Dom的生成过程 - 掘金
- Vue原理解析(六):全面深入理解响应式原理(上)-对象基础篇 - 掘金
- Vue原理解析(七):全面深入理解响应式原理(下)-数组进阶篇 - 掘金
- Vue原理解析(八):一起搞明白令人头疼的diff算法 - 掘金
- Vue原理解析(九):搞懂computed和watch原理,减少使用场景思考时间 - 掘金
- Vue原理解析(十):搞懂事件API原理及在组件库中的妙用 - 掘金
- Vue原理解析(十一):搞懂extend和$mount原理并实现一个命令式Confirm弹窗组件 - 掘金
《Vue源码分析》
- Vue 源码分析系列一:new Vue()
- Vue源码分析系列二:$mount()方法
- Vue源码分析系列三:render
- Vue源码分析系列四:Virtual DOM
- Vue源码分析系列五: 响应式原理
《vue 源码学习》
- vue 源码学习(一) 目录结构和构建过程简介
- vue 源码学习(二) 实例初始化和挂载过程
- vue 源码学习(三) 创建Virtual Dom 虚拟节点
《Vue2源码解读》
- Vue2源码解读(一)-Vue声明
- Vue2源码解读(二)-new Vue
- Vue2源码解读(三)-InitState
- Vue2源码解读(四)-Observe
- Vue2源码解读(五)-Watcher && Scheduler
- Vue2源码解读(六)-nextTick
- Vue2源码解读(七)-mount
《Vue源码》
- 🚩Vue源码——订阅者的收集
- 🚩Vue源码——如何监听数据变化
- 🚩Vue源码——模板和数据如何渲染成最终的DOM
- 🚩Vue源码——收集订阅者引起的性能问题
- 🚩Vue源码——订阅者的响应
- 🚩Vue源码——如何深度收集渲染订阅者
- ✍Vue源码——学习如何判断数据类型
- 🚩Vue源码——nextTick实现原理
- 🚩Vue源码——组件如何渲染成最终的DOM
《根据调试工具看Vue源码》
- 根据调试工具看Vue源码之组件通信(一) - 掘金
- 根据调试工具看Vue源码之computed(一) - 掘金
- 根据调试工具看Vue源码之computed(二) - 掘金
- 根据调试工具看Vue源码之watch - 掘金
- 根据调试工具看Vue源码之虚拟dom(一) - 掘金
- 根据调试工具看Vue源码之生命周期(一) - 掘金
- ustbhuangyi/vue-analysis: Vue.js 源码分析
- Vue.js 技术揭秘 | Vue.js 技术揭秘
- answershuto (染陌同学)
- answershuto/learnVue: Vue.js 源码解析
- KieSun (yck)
- HcySunYang/vue-design: 📖 master分支:《渲染器》 elegant分支:逐行级别的源码分析
- sdras/intro-to-vue: Workshop Materials for my Introduction to Vue.js Workshop
- webproblem/IntoVue: 走进 Vue 框架系列
- qq281113270/vue: vue源码逐行注释分析+40多m的vue源码程序流程图思维导图 (diff部分待后续更新)
- liutao/vue2.0-source: vue源码分析 -- 基于 2.2.6版本
- (1.8w字,建议收藏)Vue源码解析—动手实现简化版MVVM
- 「从源码中学习」Vue源码中的JS骚操作 - 掘金
- 每天学点Vue源码: vm.$mount挂载函数 - 掘金
- Vue源码解析之数组变异 - 掘金
- Vue-js 源码解读系列——this 直接调用数据源 - 掘金
- 【大型干货】手拉手带你过一遍vue部分源码 - 掘金
- 【大型干货】来看看vue对template做了什么(附部分源码及注释) - 掘金
- 手把手带你实现一个最精简的响应式系统来学习Vue的data、computed、watch源码 - 掘金
- 【读vue源码】探究模版和数据是如何被渲染成DOM的?
- Vue(v2.6.11)万行源码生啃,就硬刚!
- 「读懂源码系列1」还在恐惧读源码?看完这篇就不怕了 - 掘金
- 「读懂源码系列2」我从 lodash 源码中学到的几个知识点 - 掘金
- Vue源码中为什么要const _toStr = Object.prototype.toString? - 掘金
- Vue添加数据视图不更新问题 - 掘金
- 自己动手写一个 SimpleVue - 掘金
- 【译】VueJS 最佳实践 - 前端 - 掘金
- 【总结】vue如何实现的数据控制视图 - 掘金
- 带你再看Vue文档,你就顺便学会了React ( 慎入! ) - 掘金
- vue编译过程分析
- 利用思维导图带你阅读Vue源码
- Vue之简易MVVM实现_玉案轩窗的博客-CSDN博客
- Vue实例创建之初始化VNode->HTML_玉案轩窗的博客-CSDN博客
- Vue实例创建之data处理和挂载_玉案轩窗的博客-CSDN博客
- Vue实例之render构建+调用_玉案轩窗的博客-CSDN博客
- Vue实例创建之html->vnode_玉案轩窗的博客-CSDN博客
- Vue实例创建之vnode创建_玉案轩窗的博客-CSDN博客
- Vue之初始化_玉案轩窗的博客-CSDN博客
- Vue框架结构解析_玉案轩窗的博客-CSDN博客
- 江山父老能容我 不使人间造孽钱 | 渲染器
通信方式
$dispatch 和 $broadcast
- Vue $dispatch 和 $broadcast 详解 - 掘金
Vue 组件通信
- 剑走偏锋之Vue 组件通信(一)—通过$parent和$children构建自己的通讯方式 - 掘金
- 剑走偏锋之Vue组件通讯(二)——利用provide / inject属性构建全局状态管理 - 掘金
- Vue 组件间的通讯 - 掘金
- Vue 组件通信方式全面详解 - 掘金
- 说说在 Vue.js 中如何实现组件间通信(高级篇) - 掘金
- 【2019 前端进阶之路】Vue 组件间通信方式完整版 - 掘金
- vue组件通信全揭秘(共7章) - 掘金
- 前端面试之Vue中组件通信的方式 - 掘金
- 彻底理解Vue组件间通信(6种方式)-完整版 - 掘金
- Vue组件通信方式 全
依赖收集
- 深入浅出基于“依赖收集”的响应式原理 - 掘金
- 响应式数据与数据依赖基本原理 - 掘金
全局组件 & 局部组件
- Vue2.0 组件嵌套-全局/局部注册组件 - Shallny_chen - CSDN博客
- vue.js组件的全局注册和局部注册详解 - ma_hao99的博客 - CSDN博客
- Vue之Vue.component解析 - 玉案轩窗的博客 - CSDN博客
- 1-2 vue组件-全局注册和局部注册 - 简书
- Vue 组件全局注册和局部注册使用及原理 - 简书
- vue 组件 全局注册和局部注册的实现_vue.js_脚本之家
- VUE注册全局组件和局部组件过程解析_vue.js_脚本之家
- Vue源码解读之Component组件注册的实现_vue.js_脚本之家
- VUE注册全局组件和局部组件 - bingxiaoxiao - 博客园
- vue之component - Samve - 博客园
动态组件 & 异步组件
- a524631266/vue2-dynamic-create-component: dynamic create vue2 component
- 动态组件 & 异步组件 — Vue.js
- Vue 构造器中的propsData选项 - Json的知识梦工厂 - CSDN博客
- Vue隐式创建实例 - Myinlg的博客 - CSDN博客
- Vue 动态创建 component - 码游杂记 - SegmentFault 思否
- vue 动态创建组件(运行时创建组件) - zyip - 博客园
- discordapp.com
- 个人资料 / Twitter
- News — Vue.js
Vue3
Vue3 core
#Guide
- Introduction | Vue.js
- Reactivity in Depth | Vue.js
- Introduction | Vue.js
composition-api
- vuejs/composition-api: Composition API plugin for Vue 2
- Composition API RFC | Vue Composition API
- State Management with Composition API - Vue.js Tutorials
- Why the Composition API - Vue 3 Essentials | Vue Mastery
- 组合式 API 征求意见稿 | Vue 组合式 API
- API 手册 | Vue 组合式 API
- 介绍 | Vue.js
Ref-sugar/Vue RFC 222
- rfcs/0000-script-setup.md at script-setup · vuejs/rfcs
- New script setup and ref sugar by yyx990803 · Pull Request #222 · vuejs/rfcs
- Vue 3.0 Ref-sugar 提案真的是自寻死路吗?
- ruige24601/re-primitive
- Ref sugar by yyx990803 · Pull Request #228 · vuejs/rfcs
- Vue RFC 222 中文翻译 · 语雀
- (80 条消息) 如何评价 Vue 的 ref 语法糖提案? - 知乎
Vue3 源码解析
- hkc452/slamdunk-the-vue3: vue3 源码全面解读
- Vue3.0 源码解读
- Vue 3.x 源码逐行解析
- Vue3 深入浅出系列(连载二)
- Vue3.x 深入浅出系列(连载三)
- vue3.0 响应式原理(超详细)
- Vue3 DOM Diff 核心算法解析
- vue 3 & vue-cli 3
- vuejs/vue-next
- vuejs/vue-router-next: The Vue 3 official router (WIP)
- vuejs/vue-next-webpack-preview
- vuejs/vue-cli-plugin-vue-next: A Vue CLI plugin for trying out vue-next (experimental)
- vuejs/vue-test-utils-next: The next iteration of Vue Test Utils, targeting Vue 3
- vuejs/docs-next-zh-cn: Chinese translation for v3.vuejs.org
- vuejs/vuex at 4.0
- @vue/reactivity - npm
- Vue.js
- Vue.js
- https://oijmns1ch.qnssl.com/evan-you-vue3-beta-talk.mp4
- Evan You 的 Twitter: “Here’s my slides on Vue 3 today at @VueToronto : https://t.co/hqICsxIUCp #VueConfTO”
- Vue 3.0 Updates - Google 幻灯片
- Vue Template Explorer
- Vue.js 3 Tutorial - Build An App with New Features of Vue 3 - Vue.js Developers
- Vue Template Explorer
- Vue Template Explorer
- Vue3js
- Vue.js 3.0 PPT(附部分中文翻译) - 掘金
- Vue Template Explorer
Vue3 资源、整理集&FAQ
Vue3 资源
- su37josephxia/vue-next-checklist: Vue3.0兼容性检查工具
- 哔哩哔哩直播回放
- shengxinjing/vue3-vs-vue2: 《前端会客厅第一期代码》和尤大聊vue3的 提升
- Vue3生态技术内幕 · 语雀
- Vue3文档【Vue2迁移Vue3】
- vue3/vue3-News: 🎯Find the latest breaking √vue3 & vue-cli 3+ News.
- cuixiaorui/mini-vue: 实现最简 vue3 模型
Vue3 整理集
《Vue3源码解读》
- Vue3源码解读(一)-createApp
- Vue3源码解读(二)-mount
- Vue3源码解读(三)-patch
- Vue3源码解读(四)-compositionApi
- 快速使用Vue3最新的15个常用API
- 【🚨万字警告】了不起的Vue3(上)
- 【🚨万字警告】了不起的Vue3(下)
Vue3 FAQ
- 4k+ 字分析 Vue 3.0 响应式原理(依赖收集和派发更新)
- 从零开始构建 vue3 - 掘金
- 带你彻底搞懂Vue3的Proxy响应式原理!基于函数劫持实现Map和Set的响应式 - 掘金
- 带你彻底搞懂Vue3的Proxy响应式原理!TypeScript从零实现基于Proxy的响应式库。 - 掘金
- Vue3 Composition-Api + TypeScript + 新型状态管理模式探索。 - 掘金
- Vue3中不止composition-api,其他的提案(RFC)也很精彩。 - 掘金
- Vue3.0 的 reactive API 定义和源码实现 - 掘金
- 4k+ 字分析 Vue 3.0 响应式原理(依赖收集和派发更新) - 掘金
- 尤大Vue3.0直播虚拟Dom总结(和React对比) - 掘金
- Vue2.x To Vue3.0 - 掘金
- [译]尤雨溪:Vue3的设计过程 - 掘金
- [译]尤雨溪:Vue3的设计过程
- Vue3.0 进阶、环境搭建、相关API的使用
- 拥抱 Vue3 系列之 JSX 语法
- 深入理解 Vue3 Reactivity API - 知乎
- Vue3.0 beta了!我们再来掰扯掰扯Vue3
- 全面解析 vue3.0 diff算法
- 学习Vue3.0,先从搭建环境开始
- 一篇文章上手Vue3中新增的API
- 使用 Vue3 开发小程序
- Vue 3.0 来了,我们该做些什么?
- Vue3拥抱TypeScript的正确姿势
- 记一次vue3.0技术分享会_个人文章 - SegmentFault 思否
- 让Vue3 Composition API 存在于你 Vue 以外的项目中
- 带你彻底搞懂Vue3的Proxy响应式原理!基于函数劫持实现Map和Set的响应式
- Vue3 内置组件 teleport 是什么“来头”?| 源码解读
- 让你30分钟快速掌握vue 3
- Vue 3 的组合 API 如何请求数据?
- Vue3 模板编译优化
- 深入了解 Vue3 响应式原理
Vue.js components&libs
¥avatar
vue-avatar
- eliep/vue-avatar: An avatar component for vue.js
¥Authorization
vue-password-strength-meter
- apertureless/vue-password-strength-meter: 🔐 Password strength meter based on zxcvbn in vue.js
vue-auth
- websanova/vue-auth: A simple light-weight authentication library for Vue.js
Vue-Access-Control
- tower1229/Vue-Access-Control: Frontend access control framework based Vue
vue-authenticate
- dgrubelic/vue-authenticate: Simple Vue.js authentication library
¥badge、emoji&icon
emoji-mart-vue
- jm-david/emoji-mart-vue: One component to pick them all 👊🏼
svgicon
- MMF-FE/svgicon: SVG icon components and tool set
vue-svg-icon
- cenkai88/vue-svg-icon: a solution for multicolor svg icons in vue2.0 (vue2.0的可变彩色svg图标方案)
- vue-svg-icon
vue-emoji
- jkchao/vue-emoji: vue-emoji like this: 😄 🦐 😳
vue-unicons
- antonreshetov/vue-unicons: 1000+ Pixel-perfect svg icons for your next project as Vue components
vue-cryptoicon
- man15h/vue-cryptoicon: Cryptocurrency icons for your next Vue project
- MMF-FE/vue-svgicon: A tool to create svg icon components. (vue 2.x). Using inline svg.
- Vue.js 图标选择组件实践 - 前端 - 掘金
- Vue实现图片与文字混输🔥 - 掘金
- Vue项目中优雅使用icon - 掘金
¥contextmenu
- vue 自定义右键样式 - 掘金
¥carousel、scroll&slide
#slider
vue-circle-slider
- devstark-com/vue-circle-slider: Circle slider component for Vue.js
vue-plain-slider
- songyazhao/vue-plain-slider: A simple slider component for Vue.js
vue-range-slider
- ktsn/vue-range-slider: Simple slider component of Vue.js
vue-slide-bar
- biigpongsatorn/vue-slide-bar: 🎢 A Simple Vue Slider Bar Component.
vue-slide
- hilongjw/vue-slide: A lightweight slide component for vue
vue-slider-component
- NightCatSama/vue-slider-component: Can use the slider in vue1.x and vue2.x(vue滑块组件)
- vue-slider-component
vue-slideout
- vouill/vue-slideout: Simple vue implementation of Slideout.js touch sidebar / sidemenu library
- shhdgit/vue-easy-slider: Slider Component of Vue.js.
- warpcgd/vue-concise-slider: vue-concise-slider,A simple vue sliding component
#scroll
vue-smoothscroll
- Teddy-Zhu/vue-smoothscroll: a vue version smoothscroll for website
vue-parallax
- vue-comps/vue-parallax: Scrolls a image slower than the window to create a neat optical effect.
vue-image-scroll
- ShanaMaid/vue-image-scroll: 【Using】 a good vue-image-scroll component!
- vue-163music-slider
v-bar
- luiguild/v-bar: The virtual responsive crossbrowser scrollbar component for VueJS 2x
vue-scrollto
- rigor789/vue-scrollto: Adds a directive that listens for click events and scrolls to elements.
vue-seamless-scroll
- chenxuan0000/vue-seamless-scroll: A simple, seamless scrolling for Vue.js vue无缝滚动component
vue-next-level-scroll
- Developmint/vue-next-level-scroll: Bring your scroll game to the next level!
- wangdahoo/vue-scroller: Scroller Component for Vue.js
- BosNaufal/vue-scrollbar: The Simplest Scroll Area Component with custom scrollbar for Vue Js. https://bosnaufal.github.io/vue-scrollbar/
- suguangwen/vue-scroll: vue scroll which can work.
#virtual-scroll
vue-virtual-scroll-list
- tangbc/vue-virtual-scroll-list: ⚡️A vue component support big amount data list with high render performance and efficient.
vue-virtual-scroller
- Akryum/vue-virtual-scroller: ⚡️ Smooth scroll with any amount of data
- vue-virtual-scroller
- ElemeFE/vue-infinite-scroll: An infinite scroll directive for vue.js.
- egoist/vue-mugen-scroll: Infinite scroll component for Vue.js 2
vue-waypoint
- scaccogatto/vue-waypoint: v-waypoint directive for Vue, this is the easiest way to trigger a function when you scroll
vue-loop
- JosephSmith127/vue-loop: Infinite content loop for Vue
vue-swing
- goweiwen/vue-swing: Vue.js wrapper for Swing
vue-agile
- lukaszflorczak/vue-agile: 🎠 A carousel component for Vue.js
vue-carousel
- SSENSE/vue-carousel: A flexible, responsive, touch-friendly carousel for Vue.js
vue-flickity
- drewjbartlett/vue-flickity: A Vue Slider / Carousel Component for Flickity.js
wade-ui
- wade3po/wade-ui: 学习开发自己的组件
- wade-ui - npm
- ElemeFE/vue-swipe: A touch slider for vue.js.
- weilao/vue-swiper: Swiper component For Vue 1.0.
- shiye515/vue-m-carousel: vue 移动端轮播组件
¥Chat
vue-chat
- Coffcer/vue-chat: chat example by vue.js + vuex + webpack
- vue-chat
¥Clip
vue-clipboard2
- Inndy/vue-clipboard2: A simple vue2 binding to clipboard.js
- vue-clipboard2 | A simple vue2 binding to clipboard.js
- vueComponent/vue-copy-to-clipboard: Copy to clipboard Vue component
¥Color
vue-color
- xiaokaike/vue-color: Vue Color Pickers for Sketch, Photoshop, Chrome & more http://vue-color.surge.sh
¥data
bitbench
- triq-org/bitbench: Visually dissect and analyze bit strings
vue-countup-v2
- xlsdg/vue-countup-v2: Vue.js component wrap for countUp.js
vue-data-grid
- LucienLee/vue-data-grid: An example that complex table interaction in Vue.js
- vue data grid
vue-countTo
- PanJiaChen/vue-countTo: It's a vue component that will count to a target number at a specified duration https://panjiachen.github.io/countTo/demo/
¥event
#event handling
vue-events
- cklmercer/vue-events: Simple event handling for Vue.js
vue-gesture
- mlyknown/vue-gesture: touch events plugin for Vue.js.You can v-gesture directive,and directive auguments can use a tap, swipe, etc
vue-clickaway
- simplesmiler/vue-clickaway: Reusable clickaway directive for reusable Vue.js components
vuemit
- gocanto/vuemit: The smallest Vue.js events handler.
vue-bus
- yangmingshan/vue-bus: A event bus for Vue.js
Vue.resize
- David-Desmaisons/Vue.resize: Vue directive to detect resize events with deboucing and throttling capacity.
#滑动、滚动
vue-awesome-swiper
- surmon-china/vue-awesome-swiper: 🏆 Swiper component for @vuejs
- staskjs/vue-slick: Vue component for Slick-carousel (http://kenwheeler.github.io/slick)
- bajian/vue-pull-to-refresh: vue.js,refresh,load more,Vue2.0 上下拉刷新
¥font
vue-fontawesome
- FortAwesome/vue-fontawesome: Font Awesome 5 Vue component
¥Format
awesome-mask
- wirecardBrasil/awesome-mask: The awesome-mask runs with Vue.js and uses the vanilla-masker to make your form awesome with masks.
vue-numeric
- kevinongko/vue-numeric: Input field component to display a formatted currency value based on Vue.js
- vue-numeric demo
vue-cleave-component
- ankurk91/vue-cleave-component: Vue.js component for Cleave.js
vue-the-mask
- vuejs-tips/vue-the-mask: Tiny (<2k gzipped) and dependency free mask input for Vue.js
- The Mask for Vue.js
vue-masked-input
- niksmr/vue-masked-input: Masked input component for Vue.js
v-mask
- probil/v-mask: 🔡 Tiny input mask library for Vue.js (directive)
vue-mask
- devindex/vue-mask: Vue Mask Plugin
v-money
- vuejs-tips/v-money: Tiny (<2k gzipped) input/directive mask for currency
- Vue App
¥form&table
#calendar&datepicker
vuejs-datepicker
- charliekassel/vuejs-datepicker: A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations
vue-moment
- brockpetrie/vue-moment: Handy Moment.js filters for your Vue.js project.
vue-calendar
- jinzhe/vue-calendar: A calendar components for Vue.js.
- vue-calendar
vue-fullcalendar
- Wanderxx/vue-fullcalendar: vue calendar fullCalendar. no jquery required. Schedule events management
- CroudTech/vue-fullcalendar: FullCalendar Wrapper for vue
vue-datepicker-simple
- dai-siki/vue-datepicker-simple: A datepicker component for vue. (适用中国用户的vue日期选择组件)
vue-date-picker
- 8788/vue-date-picker: datepicker component for Vue 2.x
vue-datepicker
- hilongjw/vue-datepicker: [Deprecated] calendar and datepicker component with material design for Vue.js
vue-event-calendar
- GeoffZhu/vue-event-calendar: A simple events calendar for Vue2, no dependencies except Vue2.
- vue-event-calendar
vue-datetime
- mariomka/vue-datetime: Mobile friendly datetime picker for Vue. Supports date and datetime modes, i18n and disabling dates.
- Haixing-Hu/vue-datetime-picker: A Vue.js component implementing the datetime picker control using the Eonasdan's bootstrap datetime picker plugin.
- phoenixwong/vue2-timepicker: A dropdown time picker (hour|minute|second) for Vue 2.x, with flexible time format support
- Bubblings/vue-date-picker: datepicker component for Vue.js
- vue-bulma/datepicker: Datepicker Component for Vue Bulma
- icai/vue2-calendar: vue 2.x calendar component
- 基于Vue组件化的日期联动选择器 - 掘金
- weifeiyue/vue-datepicker: datepicker component for Vue.js
vue2-datepicker
- mengxiong10/vue2-datepicker: A datepicker / datetimepicker component for Vue2
#form
element-form-builder
- codetrial/element-form-builder: Build element-ui forms with JSON schema.
- ElementUI Form Builder
form-create
- xaboy/form-create: 强大的表单生成器|Form builder with dynamic rendering, data collection, validation and submission capabilities, built-in 17 common form components, support for two-way data binding, event extension, and support for building built
- form-create
form-generator
- JakHuang/form-generator: Element UI表单设计及代码生成器
- JakHuang/form-generator-plugin: 将form-generator封装成vscode插件
f-render
- dream2023/f-render: f-render | 基于 ElementUI 的表单设计器
- f-render | 可视化表单设计器
ncform
- ncform/ncform: 🍻 ncform, a very nice configuration generation way to develop forms ( vue, json-schema, form, generator )
vue-form-generator
- vue-generators/vue-form-generator: A schema-based form generator component for Vue.js
vue-ele-form
- vue-ele-form · 语雀
- dream2023/vue-ele-form: 基于element-ui的数据驱动表单组件
- dream2023/vue-ele-form-generator: vue-ele-form-generator是专为vue-ele-form开发的可视化表单设计工具, 让表单开发的效率更上一层楼
- vue-ele-form · 语雀
vue-form-json-schema
- jarvelov/vue-form-json-schema: Vue package for creating forms using JSON schema
vuetify-jsonschema-form
- koumoul-dev/vuetify-jsonschema-form: Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.
vue-form-maker
- woai3c/vue-form-maker: vue表单生成器 动态生成表单组件
vue-form-making
- GavinZhuLei/vue-form-making: A visual form designer/generator base on Vue.js, make form development simple and efficient.(基于Vue的可视化表单设计器,让表单开发简单而高效。)
- xyz12345678/vue-schema-dynamic-form: 基于vue的动态表单,依赖element, json schema
- vtimofeev/element-auto-form
- egorzot/vue-form-generator-element: Element.io (http://element.eleme.io) fields for vue-form-generator.
- xiaofengz/element-json-scheme-component: json scheme Form && Table && pagination, based on element-ui
- leermao/el-json-schema: 基于element的Form-schema
- mojule/schema-to-form-elements: Deprecated, use mojule/schema-forms
- json-tools/json-form-custom-element: https://www.webcomponents.org/element/json-form-custom-element
- vueblocks/element-form-generator: [WIP] Visualization form generator base on element-schema-form component
- vueblocks/element-schema-form: A schema-based element-ui form component for Vue2.x.
- matfish2/vue-form-2: Vue.js 2 Form Component
- formly-js/vue-formly: JavaScript powered forms for Vue.js
- Venusjason/vuejs-form-creator
- friparia/vue-form-creator
- @norx85/vue-autoform - npm
- q-former - npm
vue-form-wizard
- BinarCode/vue-form-wizard: Vue.js 2 wizard
vue-formulate
- wearebraid/vue-formulate: ⚡️ The easiest way to build forms with Vue.
#input
vue-tags-input
- JohMun/vue-tags-input: A tags input component for VueJS
vue-phone-number-input
- LouisMazel/vue-phone-number-input: A phone number input made with Vue JS (format & valid phone number)
vue-input-autosize
- syropian/vue-input-autosize: A simple Vue.js directive to autosize text input fields
- BosNaufal/vue2-autocomplete: Vue 2 Component to make Autocomplete element.
- lithiumjake/vue-placeholders: A simple Vue (http://vuejs.org) directive for placeholder images and lorem-ipsum text.
- Ginhing/vue-tagsinput: A tags input component based on Vue.js
#List
vue-recyclerview
- hilongjw/vue-recyclerview: Mastering Large Lists with the vue-recyclerview
- Vue 超大数据列表解决方案 vue-recyclerview 开源 - 前端 - 掘金
vue-animated-list
- vuejs/vue-animated-list: A Vue.js plugin for easily animating `v-for` rendered lists.
#picker&selector
vue-select
- sagalbot/vue-select: Everything you wish the HTML <select> element could do, wrapped up into a lightweight, extensible Vue component.
vue-city
- xinxingyu/vue-city: a vue component that show city infomation
v-region
- TerryZ/v-region: A simple region cascade selector, provide 4 levels Chinese administrative division data
- Vue Components
v-dropdown
- TerryZ/v-dropdown: A Vue2 plugin for dropdown container layer
vue-area
- blue0728/vue-area: 省市区三级联动插件 for vue2.x ----停止更新,请看新版
vue-city-picker
- blue0728/vue-city-picker: vue-city-picker component for vue.
- shentao/vue-multiselect: Universal select/multiselect/tagging component for Vue.js
- QingWei-Li/vue-region-picker: [DEPRECATED]
dd-vue-component
- ibufu/dd-vue-component: Dingdanlaile's vue components.
ellipsis-plus
- lucefer/ellipsis-plus: a text-overflow vue component
- 文本截断知多少 - 掘金
Vue-Cleave
- jrainlau/vue-cleave: Format input text content when you are typing
- nosir/cleave.js: Format input text content when you are typing...
- Vue-Cleave - 在Vue中使用CleaveJS格式化你的输入内容 - 掘金
vue-button
- steven5538/vue-button: Button component for Vue.js v2.0.1+.
vue-cascading-address
- savokiss/vue-cascading-address: vue address select component
- vue-cascading-address
vue-float-label
- brtjkzl/vue-float-label: Float label pattern for Vue.js
- MopTym/vue-waterfall: A waterfall layout component for Vue.js
- phanan/vue-google-signin-button: A simple Vue plugin to include a Google sign-in button into your web app
- OYsun/VueStar: A like button with delightful star animation powered by Vue.js
- vue-bulma/handsontable: Vue Table component
¥H5
- qq9694526/vue-wxh5: Vue+微信网页开发最佳实践
- VUE开发微信H5页面总结 - 掘金
¥HTTP
ajax.js
- wusfen/ajax.js: ajax.js $.ajax vue.ajax vue-ajax v-ajax vue ajax
http-vue-loader
- FranckFreiburger/http-vue-loader: load .vue files from your html/js
vue-axios
- imcvampire/vue-axios: A small wrapper for integrating axios to Vuejs
vueify
- vuejs/vueify: Browserify transform for single-file Vue components
vue-jsonp
- LancerComet/vue-jsonp: A tiny library for handling JSONP request.
v-ajax
- vue-demo/v-ajax: v-ajax plug-in with functions of ajax、jsonp
zan-proxy
- youzan/zan-proxy: An extensible proxy
- youzan/zan-proxy: An extensible proxy for PC/Mobile/APP developer
- Zan Proxy
¥image
lazyload-vue
- Kazap/lazyload-vue: Vue Plugin for vanilla-lazyload
lazy-vue
- gocanto/lazy-vue: A small lazy image loader for Vue
- lazy-vue - demo
vue-img-orientation-changer
- nikli2009/vue-img-orientation-changer: A vue plugin that can help you display image in correct orientation.
vue-cropper
- xyxiao001/vue-cropper: A simple picture clipping plugin for vue
- vue-cropper
vue-images
- littlewin-wang/vue-images: A simple lightbox component for displaying an array of images
- vue-images
vue-lazyloadImg
- yodfz/vue-lazyloadImg: vue插件,延迟载入图片.
vue-picture-input
- alessiomaffeis/vue-picture-input: Mobile-friendly picture file input Vue.js component with image preview, drag and drop, EXIF orientation, and more
vue-img-loader
- JackGit/vue-img-loader: this is a image loader UI component for Vue 2.X
- VueImgLoader Demo
vue-lazy-background-images
- darrynten/vue-lazy-background-images: Lazy load background images for Vue 2
vue-image-clip
- legeneek/vue-image-clip: Image clip component based on vue2
vue-lazyload-img
- JALBAA/vue-lazyload-img: A plugin of vue for image lazyload(vue图片懒加载插件)
- Document
vue-lazyload
- hilongjw/vue-lazyload: A Vue.js plugin for lazyload your Image or Component in your application.
v-viewer
- mirari/v-viewer: Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js
- heyongsheng/hevue-img-preview: 本组件是基于 vue 编写的一个图片预览组件,仅传入一个图片地址,即可实现图片预览效果,预览背景色,关闭按钮颜色,控制条的背景也和字体颜色都可自定义,兼容 ie
- 手把手实现图片懒加载+封装vue懒加载组件 - 掘金
- 一个Vue图片上传剪裁压缩组件 - 掘金
¥layout
vue-container-query
- v-comp/vue-container-query: vue-container-query
vue-grid-layout
- jbaysolutions/vue-grid-layout: A draggable and resizable grid layout, for Vue.js.
- Vue Grid Layout Example 1 - Basic Responsive
vue-splitpane
- Package - vue-splitpane
Vue-Layout
- jaweii/Vue-Layout: 基于UI组件的Vue可视化布局工具
¥loading
vue-control-load
- XueMary/vue-control-load: Auto loading plugin for vue. 👏 You don't need to write showLoading and hideLoading any more.
vue-loading
- Coffcer/vue-loading: vue1 directive, show loading block in any element
- jkchao/vue-loading: 😄 vue-loading 😊
- loading
- Vue Loading
vue-loading-spinner
- nguyenvanduocit/vue-loading-spinner: Just another collection of loading spinners with Vue.js, alot of spinners
vue-content-loader
- egoist/vue-content-loader: SVG component to create placeholder loading, like Facebook cards loading.
- mint-ui/mint-loadmore: A two-direction mobile load-more component for vue.js
- BosNaufal/vue2-loading-bar: Simplest Youtube Like Loading Bar Component For Vue 2. http://bosnaufal.github.io/vue2-loading-bar/
- PeachScript/vue-infinite-loading: An infinite scroll plugin for Vue.js.
- tanagang/vue-loadmore-simple: 全局组件之上滑加载更多、下拉刷新
vue-spinner
- greyby/vue-spinner: vue spinners
¥media
Gokotta
- Zhangdroid/Gokotta: A simple music player built by electron and vue
MagicMusic
- hzzly/MagicMusic: 🎵不一样的音乐
vue-music-player
- microzz/vue-music-player: 🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
- Vue音乐播放器 - Powered by microzz.com
- surmon-china/vue-video-player: 🎞 @videojs component for @vuejs
- hilongjw/vue-video: A HTML5 video player component for Vue.js
- Mini Music Player - VueJS
vue-play
- vue-play/vue-play: 🍭 A minimalistic framework for demonstrating your Vue components
¥model&toast
modal
- vue-bulma/modal: Modal component for Vue Bulma
sweet-modal-vue
- adeptoas/sweet-modal-vue: The sweetest library to happen to modals.
vodal
- chenjiahan/vodal: A vue modal with animations.
- Vodal
vue-toast-mobile
- ElemeFE/vue-toast-mobile: A mobile toast plugin for vue.js
vue-toasted
- shakee93/vue-toasted: 🖖 Responsive Touch Compatible Toast plugin for VueJS 2+
- euvl/vue-js-modal: Simple to use, highly customizable, mobile friendly Vue.js 2.0+ modal.
vue-toastification
- Maronato/vue-toastification: Vue notifications made easy!
¥Menu&Nav
VueCircleMenu
- OYsun/VueCircleMenu: A beautiful circle menu powered by Vue.js
vue-navigation
- zack24q/vue-navigation: A page navigation library, record routes and cache pages, like native app navigation. 一个页面导航库,记录路由并缓存页面,像原生APP导航一样。
- iceuncle/vue-navigation: 实现vue前进刷新、后退不刷新
vue-nav
- nearspears/vue-nav: vue navigation manager
vue-page-stack
- hezhongfeng/vue-page-stack: Routing and navigation for your Vue SPA. Vue 单页应用导航管理器
vue-side-nav
- vue-comps/vue-side-nav: side-nav - done in vue
- dongj0316/keep-alive-chain: Vue前进刷新,后退不刷新(Forward refresh, back not refresh)
vue-tree-navigation
- https://github.com/MisRob/vue-tree-navigation
vue-navigation-bar
- johndatserakis/vue-navigation-bar: 🧭 A simple, pretty navbar for your Vue projects.
vue-spatialnavigation
- twcapps/vue-spatialnavigation: Vue directive (Vue.js 2.x) for spatial navigation (keyboard navigation)
vue-tree-nav
- marcodpt/vue-tree-nav: Navigation tree menu component with nice integration with vue-router
vue-router-nav
- classicalConditioning/vue-router-nav: Minimalistic responsive navigation bar that renders routes of vue-router.
¥Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable
#drag & drop
vuedraggable
- Package - vuedraggable
- zengxianlin/vuedraggable: 公司有个项目需要用到拖拽,无奈百度了一番,却发现并没有类似拖拽图表的插件,那就只有自己撸起袖子干了。
Vue.Draggable
- SortableJS/Vue.Draggable: Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js
vue-draggable-resizable
- mauricius/vue-draggable-resizable: Vue2 Component for draggable and resizable elements.
vue-dropzone
- rowanwins/vue-dropzone: A Vue.js component for Dropzone.js - a drag’n’drop file uploads utility with image previews
- Vue2-Dropzone
vue-dragula
- Astray-git/vue-dragula: Drag and drop so simple it hurts http://astray-git.github.io/vue-dragula
- vue-dragula
vue-drag-and-drop-list
- hejianxian/vue-drag-and-drop-list: 🐴 Vue directives for modifying lists with the HTML5 drag & drop API.
- vue-drag-and-drop-list
vue-dragging
- hilongjw/vue-dragging: A sortable list directive with Vue
vue-smooth-dnd
- kutlugsahin/vue-smooth-dnd: Vue wrappers components for smooth-dnd
vue-moveable
- probil/vue-moveable: ↔️ ↕️ 🔄 Vue.js wrapper for Moveable
¥notice&tips
vue-autosuggest
- darrenjennings/vue-autosuggest: 🔍 Vue autosuggest component.
- Storybook
vue-notification
- euvl/vue-notification: Vue.js 2 library for showing notifications
- Vue.js Notifications
vue-popper
- RobinCK/vue-popper: VueJS popover component based popper.js
- vue-popper | :whale: VueJS popover component based popper.js
- freeze-component/vue-popper: [DEPRECATED] A popper mixin for Vue.
vue-notifications
- se-panfilov/vue-notifications: Vue.js agnostic library for non-blocking notifications
- VueNotifications
vue-ios-alertview
- Wyntau/vue-ios-alertview: iOS7+ style alertview service for Vue
- Akryum/v-tooltip: 💬 Easy tooltips, popovers, dropdown for Vue 2.x
¥other Vue.js components&libs
- vuejs/vue-syntax-highlight: 💡 Sublime Text syntax highlighting for single-file Vue components
- ElemeFE/vue-msgbox: A message box (like Sweet Alert) for vue.js.
- Wlada/vue-carousel-3d: Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js
- bkzl/vue-float-label: Float label pattern for Vue.js
- nicolasbeauvais/vue-social-sharing: A Vue.js component for sharing links to social networks, work with Vue.js 1.X or 2.X
- F-loat/vue-simplemde: 📝Vue-SimpleMDE - use simplemde with vue.js
- myronliu347/vue-popup-mixin: 基于vue开发的popup 的mixins 用于管理弹出框的遮盖层
- bbonnin/vue-morris: VueJS component wrapping Morris.js
- threeaccents/vue-webgulp: Vue.js + Webpack + Gulp + Vue Loader
- Metnew/vue-element-starter: Vue starter with Element-UI [READY, unmaintained now]
- muwoo/vnode2canvas: Rendering virtual DOM into canvas based on Vue plugin
- jofftiquez/vue-stripe-checkout: A vue plugin for Stripe checkout.
- kaorun343/vue-youtube-embed: Vue.js and YouTube
- mint-ui/mint-indicator: A mobile indicator plugin for vue.js
- Vue组件库大全 - 简书
- vue相关库 - 简书
- vue开源项目库汇总 - 简书
- Vue 开源项目库汇总 - 简书
- Vue开源项目库汇总 - 简书
¥Page
#pagination
laravel-vue-pagination
- gilbitron/laravel-vue-pagination: A Vue.js pagination component for Laravel paginators that works with Bootstrap
- JellyBool/laravel-vue-pagination: Pagination with Vue and Laravel
- Laravel Vue Pagination
vue-paginate
- TahaSh/vue-paginate: A simple vue.js plugin to paginate data
vue-laypage
- sinchang/vue-laypage: 📃 A simple pagination component for Vue.js 2.x
- vue-laypage
vuejs-paginate
- lokyoung/vuejs-paginate: A Vue.js(v2.x+) component for creating pagination.
vue-pagination-2
- matfish2/vue-pagination-2: Vue.js 2 pagination component
vue-meta
- nuxt/vue-meta: Manage page meta info in Vue 2.0 components. SSR + Streaming supported.
- Vue Meta
vue-meta-info
- muwoo/vue-meta-info: 📡设置vue 单页面meta info信息,支持SSR
- 处理 Vue 单页面 Meta SEO的另一种思路 - 知乎
¥progress
vue-top-progress
- dalphyx/vue-top-progress: Yet another top progress loading bar component for Vue.js.
vue-radial-progress
- wyzantinc/vue-radial-progress: Radial progress bar component for Vue.js
- Vue.js Radial Progress Bar Demo
vue-rate
- SinanMtl/vue-rate: Rate component for Vue
- Vue Rate
vue-progress-path
- Akryum/vue-progress-path: Progress bars and loading indicators for Vue.js
vue-wait
- f/vue-wait: Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications
vue-simple-spinner
- dzwillia/vue-simple-spinner: A simple, flexible spinner for Vue.js
v-circle
- qddegtya/v-circle: A collection of circle progress with Vue.js.
- hilongjw/vue-progressbar: A lightweight progress bar for vue
- MatteoGabriele/vue-progressive-image: Vue progressive image loading plugin
- craigh411/vue-star-rating: A simple, highly customisable star rating component for Vue 2.x.
- dreambo8563/easy-circular-progress: easy circular progress component with counting effect 💫🏺🎡
- dzwillia/vue-simple-progress: A simple, flexible progress bar for Vue.js
- snirp/vue-circle-counter: Circular progress bars and counters
- sergeyloysha/vue-spinner-component: Vue Spinner Component
- larsmars/vuejs-progress-bar: 🖖 Vue.js progress bar
¥QR code
vue-qart
- superman66/vue-qart: the compoent of vue 2.x for qart.js
vue-qrcode-reader
- gruhn/vue-qrcode-reader: A set of Vue.js components for detecting and decoding QR codes.
- Vue Qrcode Reader
vue-qr
- Binaryify/vue-qr: The Vue 2.x Component for Awesome-qr.js
¥route
vue-router-prefetch
- egoist/vue-router-prefetch: Prefetch links that are only visible in viewport.
vue-router-transition
- weinot/vue-router-transition: A page transition plugin for vue-router
- vue路由前进后退动画 - 掘金
¥Storage
vue-reactive-storage
- ropbla9/vue-reactive-storage: Reactive layer for interacting with localStorage from Vue. Plugin for Vue 2.
vue-local-storage
- pinguinjkeke/vue-local-storage: Vue.js localStorage plugin with types support
vue-cookie
- alfhen/vue-cookie: A Vue.js plugin for manipulating cookies
vue-cookie-law
- apertureless/vue-cookie-law: 🍪 👮 Hackable EU Cookie Law Plugin for Vue.js
¥tag
v-tag-list
- vuejs-tips/v-tag-list: Vue.js tiny tag list view component
v-tag-input
- vuejs-tips/v-tag-input: Tiny Vue.js tag input component
v-tag-editor
- vuejs-tips/v-tag-editor: Dead simple tag editor component for Vue.js
¥table
vuetable
- ratiw/vuetable-2 at next
- Vuetable-2
vue-sortable
- sagalbot/vue-sortable: A lightweight directive for reorderable drag-and-drop lists using RubaXa/Sortable
- VueJS Sortable
vue-easytable
- huangshuwei/vue-easytable: 🍉 Vue table components, support for cell edit,multi-head fixed, multi-column fixed, clumn drag, sort,conditional filter, custom column ...(vue table 组件,支持 单元格合并、单元格编辑、多表头固定、多列固定、列拖动、排序、自定义列、条件过滤、分页... )
- ratiw/vue-table: data table simplify! -- vuetable is a Vue.js component that will automatically request (JSON) data from the server and display them nicely in html table with swappable/extensible pagination component.
- ratiw/vuetable-2: data table simplify! -- datatable component for Vue 2.x
- matfish2/vue-tables-2: Vue.js 2 grid components
- galenyuan/vue-datatable: [DEPRECATED] Datatable component for Vuejs
- coderdiaz/vue-datasource: A vue.js component to create dynamic tables
- QianGuoqing/vue-qabler: Vue技术栈实现Tabler,封装一些常用UI组件🎏
- jbaysolutions/vue-bootstrap-table: A sortable and searchable table, as a Vue component, using bootstrap styling.
vxe-table
- x-extends/vxe-table: 🐬 vxe-table vue 表格解决方案
vue-good-table
- xaksis/vue-good-table: An easy to use powerful data table for vuejs with advanced customizations including sorting, column filtering, pagination, grouping etc
¥Touch
vue-touch-keyboard
- icebob/vue-touch-keyboard: Virtual keyboard component for Vue.js 2.x. Designed to Raspberry Pi Touch Display
vue-touch-ripple
- surmon-china/vue-touch-ripple: 👆 Touch ripple component for @vuejs
- vue-touch-ripple
vue-touch
- vuejs/vue-touch: Hammer.js wrapper for Vue.js
¥Tree
vue-json-tree-view
- michaelfitzhavey/vue-json-tree-view: A JSON Tree View Component for Vue.js
vue-tree
- weibangtuo/vue-tree: A tree component
vue-ztree
- lisiyizu/vue-ztree
vue-treeselect
- riophae/vue-treeselect: A multi-select component with nested options support for Vue.js
vue-tree-table
- no-simple/vue-tree-table: 基于vue与element-ui组件中talbe实现的无限级联tree table。
- buuing/vue-search-tree: 一个基于vue的树形控件, 支持模糊搜索功能, 支持5000+的树节点, 支持scopedSlots作用域插槽
- 横向对比Element-tree、ztree、ivew-tree性能对比分析与源码修改自定义组件 - 掘金
vue-okr-tree
- qq449245884/vue-okr-tree: http://www.longstudy.club/vue-okr-tree-doc/index.html
- 我开源了一个基于Vue的组织架构树组件
¥Tabs
vue-tabs
- alexqdjay/vue-tabs: 多tab页框架替代router支持vue2.0
vue-tabs-component
- spatie/vue-tabs-component: An easy way to display tabs with Vue
- vue-tabs-component
¥theme
simpleui
- sea-team/simpleui: A modern theme based on vue+element-ui for django admin.一款基于vue+element-ui的django admin现代化主题。全球3000+网站都在使用!喜欢可以点个star✨
vuedarkmode
- LeCoupa/vuedarkmode: 👩🎨👨🎨 A minimalist dark design system for Vue.js. Based components designed for the insomniacs who enjoy dark interfaces as much as we do.
vue-ripple
- BosNaufal/vue-ripple: Vue Component to Make Google Material Design Ripple Effect. http://bosnaufal.github.io/vue-ripple/
- Vue Ripple | Vue Component to Make Google Material Design Ripple Effect
- vuematerial/vue-material: Material design for Vue.js
¥upload
vue-dropzone-拖拽上传
- kfei/vue-s3-dropzone: Vue.js component works with AWS S3 serverlessly
v-uploader
- TerryZ/v-uploader: A Vue2 plugin make files upload simple and easier, single file upload with image preview, multiple upload with drag and drop
vue-core-image-upload
- Vanthink-UED/vue-core-image-upload: a vue plugin for image to crop and upload
- vue-core-image-upload a vue plugin for image to crop and upload. (一款轻量级vue.js图片上传裁剪插件)
vue-upload-component
- lian-yue/vue-upload-component: Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter
- vue-upload-component- Upload Component - Uploader
vue-image-crop-upload
- dai-siki/vue-image-crop-upload: A beautiful vue component for image cropping and uploading. (vue图片剪裁上传组件)
vue-simple-upload
- saivarunk/vue-simple-upload: Simple File upload component for Vue.js
- vue-simple-upload | Simple File upload component for Vue.js
vue-img-inputer
- waynecz/vue-img-inputer: 🏞 A graceful image type inputer / uploader
- vue-img-inputer
vue-file-upload
- marchFantasy/vue-file-upload: vue.js ,vue-loader 上传文件,vue-file-upload,vue上传文件组件
- vue-file-upload - npm
vue-upload-file
- dai-siki/vue-upload-file: a file upload component for vue. (vue文件上传组件)
- Package - vue-upload-file
vue-uploader
- simple-uploader/vue-uploader: A Vue.js upload component powered by simple-uploader.js
vue-file-upload-component
- james2doyle/vue-file-upload-component: A simple file upload component for Vue.js. Emits events for XHR Upload Progress for nice progress bars.
vue-filepond
- pqina/vue-filepond: 🔌 A handy FilePond adapter component for Vue
¥UI
#Element
avue
- nmxiaowei/avue: Avue.js2.0是基于现有的element-ui库进行的二次封装,简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高复用,容易维护和扩展的框架,同时内置了丰富了数据展示组件,让开发变得更加容易
element
theme customization
- ElementUI/element-theme: Theme generator cli tool for Element.
- ElementUI/theme-chalk-preview: Preview and download custom theme-chalk.
- ElementUI/theme-preview: Preview theme transform in real-time. https://elementui.github.io/theme-preview
- ElementUI/theme-chalk: Element theme chalk
- ElementUI/theme-default: Element default theme
- ElementUI/theme-default-scss: Element default theme with SCSS
- 饿了么前端
- ElementUI
- ElemeFE/element: A Vue.js 2.0 UI Toolkit for Web
- ElementUI/lib: Element release lib
- element/components.json at master · ElemeFE/element
- ElementUI/dev: Element dev site
- Element
- Element - A Desktop UI Toolkit for Web
- Element - A Desktop UI Toolkit for Web
- Element - 网站快速成型工具
- Element - 网站快速成型工具
- Element - 网站快速成型工具
- theme-chalk-preview
- element ScrollBar滚动组件源码深入分析 - 掘金
- ElemeFE/element - Gitter
- element-ui 的动态 - SegmentFault 思否
element3
- hug-sun/element3: A Vue.js 3.0 UI Toolkit for Web.
- Element - 网站快速成型工具
- https://unpkg.com/element3@0.0.39/dist/element3-ui.global.js
- Element3开发内幕 - Vue CLI插件开发
element-in-laravel-starter
- ElementUI/element-in-laravel-starter: Laravel Project with Vue2 and Element
element-starter
- ElementUI/element-starter: A starter kit for Element UI generated by vue-cli
element-theme
- ElementUI/element-theme: Theme generator cli tool for Element.
element-plus
- element-plus/element-plus: 🎉 A Vue.js 3.0 UI Library
- Element Plus - The world's most popular Vue 3 UI framework
element-china-area-data
- Plortinus/element-china-area-data: Element UI && antd Cascader级联选择器 中国省市区三级、二级联动option数据
element 资源、整理集&FAQ
element 资源
- ElementUI/awesome-element: A curated list of Element projects
- UNPKG - element-ui
element 整理集
《Element-UI 技术揭秘》
- Element-UI 技术揭秘(1)- 前言 - 掘金
- Element-UI 技术揭秘(2)- 组件库的整体设计 - 掘金
- Element-UI 技术揭秘(3)— Layout 布局组件的设计与实现 - 掘金
- Element-UI 技术揭秘(4)— Container 布局容器组件的设计与实现。 - 掘金
- Element-UI 技术揭秘(5)- 色彩、字体、边框与图标 - 掘金
element FAQ
- Vue + Element UI + Lumen 实现通用表格功能 - 分页 - 掘金
- element ScrollBar滚动组件源码深入分析 - 掘金
- VUE ElementUI 项目总结 - 掘金
- Element-UI 框架 el-scrollbar 组件 - 掘金
- Element-ui上传文件大小限制 - 何度 - CSDN博客
- vue+ element 使用render渲染table、render-header自定义表头、scopedSlots自定义数据格式 - qq_37508970的博客 - CSDN博客
- vue.js - 基于element-ui封装table,如何为指定列传递 formatter 函数? - SegmentFault 思否
- el-input @change无法触发问题描述与解决方案 - 简书
- element-ui自定义表格头部的两种方法 - 童心虫鸣 - 博客园
- vue项目中将element-ui table表格写成组件 - sosoqi - 博客园
- vue+element 表格formatter数据格式化并且插入html标签 - FannieGirl - 博客园
- 如何在element-UI 组件的change事件中传递自定义参数 - front-gl - 博客园
- elementui生产环境图标加载时偶而乱码_palmer_kai的博客-CSDN博客_element 图标乱码
- 从 Element UI 源码的构建流程来看前端 UI 库设计
- [Bug Report] custom theme, CSS repeated multiple times · Issue #11817 · ElemeFE/element
think-vuele
- chfree/think-vuele: A Vue.js 2.0 and Element UI Toolkit for Web
vue-observe-visibility
- Akryum/vue-observe-visibility: Detect when an element is becoming visible or hidden on the page.
vue-cli-plugin-element
- ElementUI/vue-cli-plugin-element: Element plugin for vue-cli
- legendJaden/AFTableColumn: 基于 Element-UI 二次封装的支持自适应列宽的 table-column 列组件
- mnm1001/ex-table-column: Extended from el-table-column. Automatically adjust column width according to content. Keep all features of el-table-column.
#other UI组件
- JosephusPaye/Keen-UI: A lightweight collection of essential UI components written with Vue and inspired by Material Design
- museui/muse-ui: Material Design UI library for Vuejs 2.0
- luojilab/radon-ui: 一个用于快速开发产品的简洁、优雅、高效的 Vue 组件库
- FE-Driver/vue-beauty: Beautiful UI components build with vue and ant design
- chenz24/vue-blu: UI Component Library Base on Vue.js(2.x) and Bulma
- ccforward/rubik: Material Design 风格的 Vue.js UI 组件库
- NewDadaFE/vue-impression: A Vue.js 2.0 UI elements for mobile.
- loujiayu/vue-material-design: Vue material components.
- vuwe/vuwe: WeUI for Vue2
- myronliu347/vue-carbon: 基于vue开发的material design ui库
- tianyong90/we-vue: 使用 Vue2.x + weui1.x 开发的组件
- airyland/vux: Mobile UI Components based on Vue & WeUI
- vuetifyjs/vuetify: 🐉 Material Component Framework for Vue.js 2
- wangdahoo/vonic: Mobile UI Components, based on Vue.js and ionic CSS. https://wangdahoo.github.io/vonic-documents
- Zulko/eagle.js: A hackable slideshow framework built with Vue.js
- ydcss/vue-ydui: A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。
- santiblanko/vue-instant: vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications
- cngu/vue-typer: Vue component that simulates a user typing, selecting, and erasing text.
- wdfe/wdui: Mobile UI Components Library based on Vue 2.0 at Weidian
- youzan/vant: Lightweight Mobile UI Components built on Vue
- Kocisov/coffeebreak: Tool for live editing CSS components written in Vue
- xaksis/vue-good-wizard: An easy and clean VueJS 2.x wizard plugin
- chengxulvtu/cxlt-vue2-toastr: toast notification component for vue2
- ecomfe/veui: Enterprise UI for Vue.js.
- yunfeihuang/vx-ui: vue components 移动端UI组件库
- Teddy-Zhu/vue-waves: it's a vuejs version of waves
- ElemeFE/vue-desktop: A UI library for building admin panel website.
- yeseason/paco-ui-vue
- atvue/bview: an ui resolved plan based on vue
- bootstrap-vue/bootstrap-vue: BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
- Caiyeon/goldfish: A HashiCorp Vault UI written with VueJS and Vault native Go API
ant-design-vue
- vueComponent/ant-design-vue: An enterprise-class UI components based on Ant Design and Vue. 🐜
- vueComponent/ant-design-vue-awesome: ant-design-vue-awesome
- Ant Design of Vue - Ant Design Vue
- Ant Design of Vue - Ant Design Vue
- Ant Design of Vue - Ant Design Vue
- Ant Design of Vue - Ant Design Vue
- 🚀 Ant Plus,Ant Design Form 从未如此简单 - 掘金
- 10分钟精通Ant Design Form表单 - 掘金
- Ant Design of Vue - Ant Design Vue
ant-design-vue-pro
- vueComponent/ant-design-vue-pro: 👨🏻💻👩🏻💻 Use Ant Design Vue like a Pro!
bootstrap-vue
- Bootstrap Vue
- bootstrap-vue/bootstrap-vue: BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
buefy
- buefy/buefy: Lightweight UI components for Vue.js based on Bulma
heyui
- heyui/heyui: UI Toolkit for Web, Vue2.0
- hey-cli/README_zh.md at master · heyui/hey-cli
- HeyUI: UI Toolkit for Web, Vue2.0
- “真相定律”之Layout组件 - 掘金
- 🎂HeyUI 组件库两周年,中后台管理系统 HeyUI Admin 发布🎉🎉 - 掘金
kui-vue
- chuchur/kui-vue: 基于VUE2.0的 UI组件库,欢迎使用!
- KUI - 高质量的UI组件库
jk-ui
- liuyangjike/JKUI
- 造个自己的Vue的UI组件库类似Element - 掘金
material-ui-vue
- Material UI Vue
- material-ui-vue/package.json at master · JackGit/material-ui-vue
muse-ui
- museui/muse-ui: Material Design UI library for Vuejs 2.0
Mand Mobile
- Mand Mobile-Mand Mobile
- didi/mand-mobile: 💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
- Mand Mobile-A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios
mov-mobile
- func-star/mov-mobile: Mona系列 - Vue移动端组件库
- Mov - 让你感到幸福的 Vue 组件库
mint-ui
- ElemeFE/mint-ui: Mobile UI elements for Vue.js
NutUI
- jdf2e/nutui: 京东风格的轻量级移动端Vue组件库 (A Vue.js 2.0 UI Toolkit for Mobile Web)
- NutUI 2.0 - 移动端Vue组件库
- 京东风格的移动端Vue组件库NutUI2.0来啦 - 前端 - 掘金
- 【更新日志】京东Vue移动端组件库NutUI - 掘金
- NutUI CLI源码解析 - 掘金
iView
- view-design/ViewUI: A high quality UI Toolkit built on Vue.js 2.0
- iview/iview: A high quality UI Toolkit built on Vue.js 2.0
- iView - A high quality UI Toolkit based on Vue.js
- 春节将至,iView 近期的一些更新 - 掘金
- vue + iview 项目实践总结 - 掘金
nextcloud-vue
- nextcloud/nextcloud-vue: 🍱 Vue.js components for Nextcloud app development ✌
PyUI
- ftdus/PyUI
- Vue 开源项目之 UI 组件库招人啦~~~ - 掘金
ui
- vuejs/ui: 💻 UI components for official Vue organization apps
uiv
- uiv-lib/uiv: Bootstrap 3 components implemented by Vue 2.
vux
- VUX - Vue 移动端 UI 组件库
- vux-ui
vui
- Brickies/vui: 💯 A personal Vue UI component library for Mobile
- Vui - Vue UI for Mobile
vue-material
- vuematerial/vue-material: Material design for Vue.js
vue-plyr
- redxtech/vue-plyr: A set of Vue components for the plyr video & audio player.
vux
- airyland/vux: Mobile UI Components based on Vue & WeUI
vant
- youzan/vant: Lightweight Mobile UI Components built on Vue
- youzan/vant-demo: Collection of vant demos.
- vant/packages at dev · youzan/vant
- Vant - Mobile UI Components built on Vue
- Vant - 轻量、可靠的移动端 Vue 组件库
- Vant - 轻量、可靠的移动端 Vue 组件库
vue-antd
- okoala/vue-antd: Vue UI Component & Ant.Design
vum
- vum-team/vum: An UI Framework build with Vue.js for mobile webapp
vuikit
- vuikit/vuikit: A responsive Vue UI library for web site interfaces
vuesax-next
- lusaxweb/vuesax-next: Vuesax v4: framework components for Vuejs
vuesax
- lusaxweb/vuesax: New Framework Components for Vue.js 2
wevue
- WE-VUE
YDUI
- 一只基于Vue2.x的移动端&微信UI。 -YDUI Touch
zeit-ui
- zeit-ui/vue: Vue implementation for ZEIT design.
- zeit-ui/vue-icons: Vue icon components for Zeit Design.
- simpleTeam3/simple: 一个基于vue 的组件库
- fangyongbao/cubeex: cubeex是基于vue2.0开发的组件库,将包含一套完整的移动UI。这也是魔方元科技开源的首个H5相关的项目, 这里有一群对前端技术狂热的追求者, 如果你对我们的研发感兴趣,欢迎fork
- N3-components/N3-components: N3-components , Powerful Vue UI Library.
- Adashuai5/wheels-ada: An easy UI components based on Vue
- ElementUI 组件库之外,供我们选择的 Vue 组件库还有很多!
¥validation
simple-vue-validator
- semisleep/simple-vue-validator: A simple yet flexible validator library for vue.js
vuelidate
- vuelidate/vuelidate: Simple, lightweight model-based validation for Vue.js
- Vuelidate | A Vue.js model validation library
Vue-Easy-Validator
- MetinSeylan/Vue-Easy-Validator: Easy form validation plugin
- Metin Seylan - Software Developer
vue-verify-pop
- aweiu/vue-verify-pop: 自带气泡提示的vue校验插件
vue-interactive-paycard
- muhammederdem/vue-interactive-paycard: Credit card form with smooth and sweet micro-interactions
vue-validator
- kazupon/vue-validator: Validator component for Vue.js
vee-validate
- logaretm/vee-validate: ✔ Template Driven Validation Framework for Vue.js
¥vue state manage
SuperVue
- cevio/super-vuex: super vuex classic
- SuperVue
- super-vuex使用体验 - 掘金
- Super-Vuex 状态管理最佳实践 - 掘金
¥vue component documentation
jsdoc-vuejs
- Kocal/jsdoc-vuejs: 📖 A JSDoc plugin for documenting .vue files.
vuese
- vuese/vuese: 🤗 One-stop solution for vue component documentation
- Overview | Vuese
¥vueComponent
- vueComponent
- vueComponent/tools: Tools For Vue Component
- vueComponent/pro-layout
- vueComponent/vue-dash-event: The library function, implemented in the DOM template, can use the custom event of the ant-design-vue component (camelCase)
- vueComponent/use
- vueComponent/vue-antd-md-loader: vue-antd-md-loader
- vueComponent/ant-design-vue-pro-template: 👨🏻💻👩🏻💻 Use Ant Design Vue like a Pro! (template)
- vueComponent/ant-design-vue-helper: A vscode extension for Ant-Design-Vue
- vueComponent/sugar
- vueComponent/vue-cli-plugin-ant-design: vue-cli 3 plugin to add ant-design-vue
- vueComponent/issue-helper
- vueComponent/webstorm-ant-design-vue-plugin: Support for Ant Design of Vue.
¥Zoom
vue-zoombox
- vue-comps/vue-zoombox: a advanced zoombox
¥国际化
i18n-collect-cli
- xujiujiu/i18n-collect-cli: vue项目中基于i18n 的多语言的中文提取与写入的工具
vue-i18n
- kazupon/vue-i18n: Internationalization plugin for Vue.js
- Vue I18n
vuex-i18n
- dkfbasel/vuex-i18n: Localization plugin for vue.js 2.0 using vuex as store
vue-i18n-next
- intlify/vue-i18n-next: The next major version of Vue I18n (WIP)
vue-i18next
- rse/vue-i18next: Vue plugin for integrating I18Next
- panter/vue-i18next: Internationalization for vue using the i18next i18n ecosystem.
- intlify
- kazupon/vue-i18n-locale-message: i18n locale messages management tool for vue-i18n
¥骨架屏
vue-content-placeholders
- michalsnik/vue-content-placeholders: Composable components for rendering fake (progressive) content like facebook in vue
vue-skeleton-webpack-plugin
- lavas-project/vue-skeleton-webpack-plugin: Lavas webpack plugin: skeleton solution for PWA webshell
- VUE单页应用骨架屏方案 - 掘金
- Vue 页面骨架屏注入实践 - 掘金
- Vue页面骨架屏 - 前端 - 掘金
- 为vue项目添加骨架屏 - xiaOp的博客
¥组件模版
coreui-free-vue-admin-template
- coreui/coreui-free-vue-admin-template: CoreUI Vue is free Vue admin template based on Bootstrap 4
- 🆓 Free Vue.js Admin Template · CoreUI
styled-vue
- egoist/styled-vue: Use dynamic styles in Vue single-file components.
vue-vscode-snippets
- sdras/vue-vscode-snippets: These snippets were built to supercharge my workflow in the most seamless manner possible.
vue-create-api
- cube-ui/vue-create-api: Make Vue component's invocation by API.
- 【源码解析】vue-create-api作者黄轶 - 掘金
vuep
- QingWei-Li/vuep: 🎡 A component for rendering Vue components with live editor and preview.
vue-online
- Sopamo/vue-online: A reactive offline indicator component for vue.js
vue-lazy-render
- yeyuqiudeng/vue-lazy-render: A vue component for lazy rending vue component
vue-lazy-component
- Coffcer/vue-lazy-component: Vue directive for lazy load components or elements
- vue-lazy-component
vue-2-boilerplate
- petervmeijgaard/vue-2-boilerplate: Vue 2 boilerplate for developing medium to large single page applications.
- NetanelBasal/vue-generate-component: Vue js component generator
- 聊一聊Vue组件模版,你知道它有几种定义方式吗? - 掘金
¥服务端
vue-lazy-hydration
- maoberlehner/vue-lazy-hydration: Lazy hydration of server-side rendered Vue.js components
vue-crud-x
- ais-one/vue-crud-x
- express-vue/express-vue: Vue rendering engine for Express.js. Use .Vue files as templates using streams
- ccforward/vue-ssr: Vue.js Server Side Render Template with Webpack2 & Express 🐝 🤠
- leaves4j/vue-easy-renderer: Vue.js server-side renderer for *.vue file with Node.js.
- eugeneCN/vue-ssr-template: Vue.js2.x 服务端渲染脚手架,拿来即用。
¥文本、文档
#multiline text
vue-clamp
- Justineo/vue-clamp: Clamping multiline text with ease.
#print
- vue-print-nb - npm
vue-pdf
- FranckFreiburger/vue-pdf: vue.js pdf viewer
- vue 使用 vue-pdf 实现pdf在线预览 - 掘金
¥静态效果
#粒子效果
vue-particles
- creotip/vue-particles: Vue.js component for particles backgrounds ✨
- DakerHub/vue-digital-transform: A vue component for better digital transform animation
¥动画
vue-lottie
- chenqingspring/vue-lottie: Render After Effects animations on Vue based on Bodymovin
¥编辑器
element-tiptap
- Leecason/element-tiptap: 🌸A modern WYSIWYG rich-text editor using tiptap and Element UI for Vue.js
markcook
- jrainlau/markcook: A smart and beautiful markdown editor.
- Markcook 2.0 | A smart and beautiful markdown editor
mavonEditor
- hinesboy/mavonEditor: mavonEditor - A markdown editor based on Vue that supports a variety of personalized features
- mavonEditor|码文 在线markdown编辑器
tiptap
- ueberdosis/tiptap: A renderless rich-text editor for Vue.js
vetur
- vuejs/vetur: Vue tooling for VS Code.
vue-typewriter
- eduardostuart/vue-typewriter: ⌨️ Vue component that types
vue2-editor
- davidroyer/vue2-editor: A text editor using Vue.js and Quill
vue-mdEditor
- ovenslove/vue-mdEditor: 基于VUE的markdown文本编辑器
vue-codemirror
- surmon-china/vue-codemirror: ⌨️ @codemirror component for @vuejs
vue-markdown
- miaolz123/vue-markdown: A Powerful and Highspeed Markdown Parser for Vue
vue-mark-display
- Jinjiang/vue-mark-display: A Vue Component for Markdown-based Slides.
- OYsun/vscode-VueHelper: vscode插件,vue,vue-router和vuex的代码提示
- CroudTech/vue-quill: Quill component for vue
¥全屏
vue-fullscreen
- mirari/vue-fullscreen: A simple Vue.js component for fullscreen
vue-fullpage.js
- alvarotrigo/vue-fullpage.js: Official Vue.js wrapper for fullPage.js http://alvarotrigo.com/vue-fullpage/
¥引导
vue-tour
- pulsardev/vue-tour: Vue Tour is a lightweight, simple and customizable guided tour plugin for use with Vue.js. It provides a quick and easy way to guide your users through your application.
¥可视化
#flowable&workflow
- GoldSubmarine/workflow-bpmn-modeler: 🔥 本项目基于 vue 和 bpmn.io@7.0 ,实现 flowable 的 modeler 模型设计器
- guozhaolong/wfd-vue: flowable workflow designer for Vue base on @antv/g6
#chart
v-charts
- ElemeFE/v-charts: 基于 Vue2.0 和 ECharts 封装的图表组件📈📊
- 介绍 - v-charts
vue-chartist
- Yopadd/vue-chartist: Pluging chartist for vuejs
vue-trend
- QingWei-Li/vue-trend: 🌈 Simple, elegant spark lines for Vue.js
vue-chartkick
- ankane/vue-chartkick: Create beautiful JavaScript charts with one line of Vue
- Vue Chartkick - Create beautiful JavaScript charts with one line of Vue
vue-3d-model
- hujiulong/vue-3d-model: 📷 vue.js 3D model viewer component
- vue-3d-model
vue-echarts
- xlsdg/vue-echarts-v3: Vue.js(v2.x+) component wrap for ECharts.js(v3.x+)
- ecomfe/vue-echarts: ECharts component for Vue.js.
vue-charts
- hchstera/vue-charts: Base on Vue2.0 wrapper for ChartJs.
- Vue Charts
vueDataV
- jackchen0120/vueDataV: 基于Vue + Echarts 构建的数据可视化平台,酷炫大屏展示模板和组件库,持续更新各行各业实用模板和炫酷小组件。
- miaolz123/vue-chart: A Powerful and Highspeed Chart Parser for Vue1.X.X & Vue2.X.X
- weizhenye/vue-highcharts: Highcharts component for Vue
- SimonZhangITer/DataVisualization: by vue2.0 with echarts3.3.2
- apertureless/vue-chartjs: 📊 Vue.js wrapper for Chart.js
- vueblocks/ve-charts: 📈 ECharts 4.x for Vue.js 2.x.
- vue-bulma/chartjs: Chartjs component is based on chart.js for Vue Bulma
- 「数据可视化库王者」D3.js 极速上手到Vue应用 - 掘金
- 做一个具有异步加载特性的 echarts-vue 组件 - DB.Reid - SegmentFault 思否
#gantt
- DHTMLX/vue-gantt-demo: dhtmlxGantt with vue.js
- mamboer/vue-easy-gantt: A simple Vue.js gantt chart plugin for presenting weekly tasks
- vue-easy-gantt - Vue 2.0 Gantt Chart Plugin | 「Faso.ME」
#map
Vue2Leaflet
- vue-leaflet/Vue2Leaflet: Vue 2 components for Leaflet maps
vue-cmap
- doodlewind/vue-cmap: Vue China map visualizing component, supports drilldown and lazy loading.
- Vue China Map Demo
vue-baidu-map
- ElemeFE/vue-amap: 🌍 基于 Vue 2.x 和高德地图的地图组件
- GuillaumeLeclerc/vue-google-maps: Google maps component for vue with 2-way data binding
- Dafrok/vue-baidu-map: Baidu Map components for Vue 2.x
- Vue Baidu Map
- vue-baidu-map的使用 - 花落微凉梦清幽的博客 - CSDN博客
- Vue 组件库实践和设计 - 掘金
- 史上最全vue组件库!极速围观
Vue.js frameworks
¥other Vue.js frameworks
- honraytech/VueThink: VueThink是一套基于Vue全家桶(Vue2.x + Vue-router2.x + Vuex)+ ThinkPHP5的前后端分离框架。
- annnhan/vue-spa-template: The base code of vue.js project.
- andrewcourtice/vuetiful: Vuetiful is a component framework written on top of the Vue reactive library. It is primarily designed for creating business/administration applications where the displaying of data is paramount.
- cklmercer/vue-stack-2.0: Vue 2.0 Project Boilerplate
- erguotou520/vue-fullstack: vue fullstack template
- cristijora/vue-paper-dashboard
- hecun0000/vue-tamplate: vue-cli 3.0 vue中后台开发模板
- Vue构建工具的设计与实现 - 前端 - 掘金
- 从零开发一套完整的vue项目开发环境 - 掘金
- 骚年,请不要手敲 template 了 - 掘金
¥Vue Native
nativescript-vue
- nativescript-vue/nativescript-vue: Native mobile applications with NativeScript and Vue
vue-native
- GeekyAnts/vue-native-core: Vue Native is a framework to build cross platform native mobile apps using JavaScript
- Vue Native
vue-native-starter-app
- GeekyAnts/vue-native-starter-app: Vue Native Starter App with Login, News Feed and Sidebar using Vuelidate and Vuex
¥Vue.js 服务端渲染(SSR)
Nuxt.js
Nuxt.js core
- Nuxt Community
- nuxt/nuxt.js: The Vue.js Developers Framework
- warriorBrian/nuxt.js: The Vue.js Developers Framework
- Nuxt.js - The Vue.js Framework
- Nuxt.js - Vue.js 通用应用框架 | Nuxt.js 中文网
- Introduction - Nuxt.js
- nuxt/nuxtjs.org: Nuxt.js Documentation Website (Universal Vue.js Application built with Nuxt.js)
Nuxt.js components、libs&plugins
- nuxt/create-nuxt-app: Create Nuxt.js App in seconds.
- anteriovieira/nuxt-sass-resources-loader: SASS resources (e.g. variables, mixins etc.) module for NuxtJs
- nuxt-community/dotenv-module: Loads your .env file into your application context
- nuxt-community/sentry-module: Sentry module for NuxtJS
- nuxt-community/analytics-module: Google Analytics Module
- nuxt-community/auth-module: 🔑 Zero-boilerplate authentication support for Nuxt
- ⚡ Nuxt PWA
- nuxt-community/nuxt-i18n: i18n for Nuxt
Nuxt.js projects
express-template
- nuxt-community/express-template: Starter template for Nuxt.js with Express.
Nuxt.js 资源、整理集&FAQ
Nuxt.js 资源
awesome-nuxt
- nuxt-community/awesome-nuxt: A curated list of awesome things related to Nuxt.js
- GitHub - warriorBrian/nuxt-blog: 基于Nuxt.js服务器渲染(SSR)搭建的个人博客系统
Nuxt.js 整理集
- staven630/nuxt-config: Nuxt.js全面配置(持续更新中……)
- 全栈“食”代:用 Django + Nuxt 实现美食分享网站(上) - 掘金
- 全栈“食”代:Django + Nuxt 实现美食分享网站(下) - 掘金
Nuxt.js FAQ
- 🚀点亮你的Vue技术栈,万字Nuxt.js实践笔记来了
- 深入学习Vue SSR服务端渲染 用Nuxt.js打造CNode社区 - 掘金
- 深入NUXT,看看一条命令行的背后到底发生了什么 - 掘金
- Vue、Nuxt服务端渲染、NodeJS全栈项目~面向小白的完美系统~
eagle.js
- Eagle.js
eros
- bmfe/eros: 📱一套 Vue 代码,两端原生应用 ,或许可以叫我 weex-native。
framework7-vue
- framework7io/framework7-vue: Deprecated! Build full featured iOS & Android apps using Framework7 & Vue
- framework7io/framework7-vue: Build full featured iOS & Android apps using Framework7 & Vue
gotodevops.org
- finspin/gotodevops.org: Source code for gotodevops.org.
gaea-cli
- gaea-cli - npm
gridsome
- gridsome/gridsome: ⚡️ The Jamstack framework for Vue.js
quasar
- quasarframework/quasar: Quasar Framework - High performance, Material Design 2, full front end stack with Vue.js
Uni-App
Uni-App core
- dcloudio/uni-app: 使用 Vue.js 开发跨平台应用的前端框架
- 应用列表
- uni-app官网
- DCloud 插件市场
- 内容介绍 · uni-app跨平台移动应用开发 · 看云
Uni-App libs、plugins&tools
uni-ui
- dcloudio/uni-ui: 基于uni-app的ui框架
zsffzxkc
- yanyc2018/zsffzxkc: 匠言知识付费在线课程开源版
- zsffzxkc: 匠言知识付费在线课程开源版
- 匠言知识付费教育商城(开源免费模板含后端) - DCloud 插件市场
Uni-App 资源、整理集&FAQ
《uni-app结合云函数开发小程序博客》
- uni-app结合云函数开发小程序博客(一):组件库使用、引入 Vuex 状态管理
- uni-app 结合云函数开发小程序博客(二):云函数实现登录注册
- uni-app 结合云函数开发小程序博客(三):接入云函数,实现完善的列表刷新机制
- uni-app 入坑指南 - 掘金
- 一文带你熟悉uni-app开发多端的整体流程及各端发布
- Uni-App各端发布上线流程
Vue-Donut
- 【工程化】从 0 搭建 VueJS 移动端组件库开发框架 - 掘金
- Vue-Donut——专用于构建Vue的UI组件库的开发框架 - 掘金
vuetify
- Vue.js Material Component Framework — Vuetify.js
- Vuetify Treeview - Get Help - Vue Forum
Vue-Socket.io
- MetinSeylan/Vue-Socket.io: 😻Socket.io implementation for Vuejs and Vuex
vuepack
- egoist/vuepack: A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron)
vue-h5-template
- push-over/vue-h5-template
Vue.js projects
¥Data Analysis Board
github-visualization
- ssthouse/github-visualization: a simple github visualization
- github visualization
GitDataV
- HongqingCao/GitDataV: 基于Vue框架构建的github数据可视化平台
- 用Vue构建一个github“可视化大数据平台”-GitDataV,设计开发分享 - 掘金
vue-data-board
- dongsuo/vue-data-board: A Data Analysis Board in Vue.
¥other Vue.js projects
- SHERlocked93/vue-style-codebase: 自用样式库,主要是用来预览各种样式,和自己平时的开发
- lhz960904/movie-trailer: Vue3 + TypeScript开发的电影预告片webAPP,可以查看正在热映与即将上映的电影信息和短片
- VUE Cookbook 系列:实现可配置组合表单 - 掘金
- https://juejin.im/post/5c4a69a1f265da61163a1e5f
- Cordova+Vue 混合开发实现下载并预览 - 掘金
- vue全家桶 ---创建一个新的vue项目 - 掘金
- Vue集成Ueditor - 掘金
- 用 Vue+ElementUI 搭建后台管理极简模板 - 掘金
- vue-typescript-admin-template后台管理系统 - 掘金
- Vue3 + TypeScript 实现递归菜单组件
- fiora
- Vue Element Admin
- iView-admin - 登录
- 基于react/vue搭建一个通用的表单管理配置平台
¥Vue Admin Template
《从零搭建自己的Vue管理端框架》
- 从零搭建自己的Vue管理端框架(一) - 掘金
- 从零搭建自己的Vue管理端框架(二) - 掘金
- 从零搭建自己的Vue管理端框架(三) - 掘金
- 从零搭建自己的Vue管理端框架(四) - 掘金
- 从零搭建自己的Vue管理端框架(五) - 掘金
- 从零搭建自己的Vue管理端框架(六) - 掘金
vue2-elm
- bailicangdu/vue2-elm: 基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用
vue2-manage
- bailicangdu/vue2-manage: 基于 vue + element-ui 的后台管理系统
vue-admin-next
- openfext/vue-admin-next: Professional enterprise application with Vue Composition API, Multi-Module Design, Data Processing Flow and Friendly User Interface.
vue-develop-template
- PerseveranceZ/vue-develop-template: A Vue.js template that can support more than 100 thousand lines of code in our business, I hope it can help you too~
vue-demo
- webproblem/vue-demo: vue2 + vue-router + vuex + iview 入门项目,移动端的一个简易考试系统平台。 https://webproblem.github.io/vue-demo/dist/
- vue-demo
- wangxg2016/vue-bulma: 轻量级高性能MVVM Admin UI框架,Charts Collaopse Modal NavMenu Pagination ProgressBar Rating Timeline Toast
- PanJiaChen/vue-element-admin: A magical vue admin http://panjiachen.github.io/vue-element-admin
- devjin0617/vue2-admin-lte: adminLTE to vuejs v2.x converting project
- shenghy/jspangAdmin: Vue2.0作的后台管理系统的架构
- lynzz/element-admin: 一个支持 vue-cli 的 Element UI 的后台模板
- hanjiangxueying/vue2-iview2-admin: 基于vue2和iview2的后台管理系统
- artiely/vue-admin-iview: vue后端管理系统界面 基于ui组件iview
- taylorchen709/vue-admin: admin template based on vuejs2 and element.
- vue-bulma/vue-admin: Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3
- lanux/Vue-Admin: 基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
- iview/iview-admin: Vue 2.0 admin management system template based on iView
- d2-projects/d2-admin: An elegant dashboard
- epicmaxco/vuestic-admin: Free and Beautiful Vue.js Admin Template
- creativetimofficial/vuetify-material-dashboard: Vuetify Material Dashboard - Open Source Material Design Admin
- PanJiaChen/vue-admin-template: a vue2.0 minimal admin template
- lin-xin/vue-manage-system: 基于vue + element的后台管理系统解决方案
- herozhou/vue-framework-wz: 👏vue后台管理框架👏
- Armour/vue-typescript-admin-template: 🖖 A vue-cli 3.0 + typescript minimal admin template
- renrenio/renren-fast-vue: renren-fast-vue基于vue、element-ui构建开发,实现renren-fast后台管理前端功能,提供一套更优的前端解决方案。
- chrisvfritz/vue-enterprise-boilerplate: An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI.
- artiely/vue-admin: 基于and-design-vue的vue后台管理系统模板
- Nirongxu/vue-xuAdmin: vue+element-ui 后台权限管理模板 演示地址:
- tang-yue/vue-element-admin-template: 仿vue-element-admin 项目 预览地址:
- chuzhixin/vue-admin-beautiful: vue-admin-beautiful是一款超棒的前端开发框架(当然只是自我感觉),长期更新维护,感谢您的star,我一直在努力,官方答疑群972435319
- macrozheng/mall-admin-web: mall-admin-web是一个电商后台管理系统的前端项目,基于Vue+Element实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权
- tookit/vue-material-admin: A vue material design admin template
- TaleLin/lin-cms-vue: 🔆A simple and practical CMS implemented by Vue
- iczer/vue-antd-admin: 🐜 Ant Design Pro's implementation with Vue
- wdlhao/vue2-element-touzi-admin: 基于vue2.0 +vuex+ element-ui后台管理系统
- misterGF/CoPilot: Responsive Bootstrap 3 Admin Template based on AdminLTE with vue.js
- mgbq/nx-admin: 👍 A magical 🐮 ⚔ vue admin,记得star
- WebCodeFarmer/houtai: 基于VUE和ElementUI的微信后台编辑系统
- HongqingCao/vue-win10-admin: Vue+Koa2构建window10风格的管理系统
vue-vben-admin
- anncwb/vue-vben-admin: ✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,Efforts to update in progress...
- anncwb/vben-admin-thin-next: vue-vben-admin-2.0 mini template.vue3,vite,typescript
¥Vue Mobile Template
vue-vant-base
- snowzijun/vue-vant-base: 这个项目是将一些基础配置比如eslint,移动端适配等进行了封装,开发人员只需fork就可直接开箱即用,不用再做额外的配置
¥Vue 多页面
vue-multi-module
- BothEyes1993/vue-multi-module: 多模块集成的vue项目,多项目共用一份配置,可以互相依赖,也可以独立打包部署
- vue-multi-module【多模块集成的vue项目,多项目共用一份配置,可以互相依赖,也可以独立打包部署】 - 掘金
- xwpongithub/vue-multipage-cli: Simple Multiple-page CLI for scaffolding Vue.js projects
- JaneSu/multiple-vue-page
- 基于webpack2.x的vue2.x的多页面站点 · Issue #17 · zhaoqize/blog
- lincenying/vue2-multiple-entry: vue2, vue2+vue-router, vue2+vue-router+vuex 混合多页配置实例
- 基于webpack2.x的vue2.x的多页面站点 - 前端 - 掘金
- 你要的移动端vue多页面脚手架,都帮你集成和封装好了 - 掘金
¥Vue 多组件仓库
- Vue多组件仓库开发与发布 - 掘金
¥Vue.js 同构/服务端渲染(SSR)
《Vue同构》
- Vue同构(一): 快速上手
- Vue同构(二): 路由与代码分割
- Vue同构(三): 状态与数据
Mood
- wsydxiangwang/Mood: Vue的Nuxt.js服务端渲染框架,NodeJS为后端的全栈项目,Docker一键部署,面向小白的完美博客系统
vue-hackernews-2.0
- vuejs/vue-hackernews-2.0: HackerNews clone built with Vue 2.0, vue-router & vuex, with server-side rendering
- se7en-1992/5se7en.com: nuxtjs+express+vue2+vuex搭建的服务端渲染(SSR)个人网站项目
- maoxiaoquan/kite: Kite 前台页面是vue ssr服务端渲染、后台页面是react spa、服务层nodejs、mysql编写的一套多权限文章、动态管理系统
- fengshi123/vue-ssr: Vue SSR instance
- Vue 服务端渲染 & 预渲染 - 掘金
- vue 服务端渲染折腾记录
- 从0开始,搭建Vue2.0的SSR服务端渲染 - 简书
¥Vue 前后端分离
vue-express-mongo-boilerplate
- icebob/vue-express-mongo-boilerplate: MEVN Full stack JS web app boilerplate with NodeJS, Express, Mongo and VueJS
- BlameDeng/sun-server-demo: 后端源码。线上预览地址
- BlameDeng/sun-client-demo: 前端源码。配置介绍:
- jonashackt/spring-boot-vuejs: Example project showing how to build a Spring Boot App providing a GUI with Vue.js
- xrr2016/vue-express-mongodb: 前后端分离
- LeanCloud
- 「伪全栈」Vue2.5+Node.js搭建一个多页面商城应用 - 掘金
¥Vue 全栈
《vue+node全栈移动商城》
- Vue+Node+vant+mongoDB移动商城实战【1】 - 掘金
- vue+node移动商城【2】-环境安装 - 掘金
- vue+node全栈移动商城【3】-安装express,实现第一个nodeJs接口 - 掘金
- vue+node全栈移动商城【4】-创建get、send接口,接收数据更新视图 - 掘金
- vue+node全栈移动商城【5】-简单的筛选搜索功能 - 掘金
- vue+node全栈移动商城【6】-node接口配置文件 - 掘金
- vue+node全栈移动商城【7】路由跳转-注册页面 - 掘金
- vue+node全栈移动商城【8】-vant新建注册页面 - 掘金
- vue+node全栈移动商城【9】注册页面判断条件 - 掘金
- vue+node全栈移动商城【10】注册页面传值到node中间件 - 掘金
- vue+node全栈移动商城【11】连接mongodb并存入数据 - 掘金
- express+mongodb+vue实现增删改查-全栈之路 - 掘金
- biningo/note-vue: 🔥🔥🎉🎉🎊🎊🔥🔥Vue+ElementUI+gin+gorm+redis+nginx的前后端分离项目✨ ✨ ✨ ✨ ✨ 。通过本项目你能学到 1、golang的代码组织和包管理, 2、gin微框架的使用, 3、gorm数据库对Mysql
- biningo/note-gin: 🔥🔥🎉🎉🎊🎊🔥🔥Vue+ElementUI+gin+gorm+redis+nginx的前后端分离项目✨ ✨ ✨ ✨ ✨ 通过本项目你能学到 1、golang的代码组织和包管理, 2、gin微框架的使用, 3、gorm数据库对Mysql的
- J1ong/FilmSys: 一个使用Vue全家桶和后台Express框架结合Mysql数据库搭建起来的移动端电影售票和管理系统,实现了热映、即将上映、电影和影院全局搜索、评论、选座、购票、点赞、收藏、订单等一
- wxiaoqi/Spring-Cloud-Admin: Cloud-Admin是国内首个基于Spring Cloud微服务化开发平台,具有统一授权、认证后台管理系统,其中包含具备用户管理、资源权限管理、网关API管理等多个模块,支持多业务系统
- 「前端进阶」vue+koa2+mongodb+oss阿里云部署自己的网站 - 掘金
¥实际开发案例
- phanan/koel: A personal music streaming server that works.
- pagekit/pagekit: Pagekit CMS
- Vuedo/vuedo: Vuedo is a blog platform, built with Laravel and Vue.js.
- lzxb/vue-cnode: 基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区,使用webpack2打包
- ciqulover/CMS-of-Blog: deprecated
- mrgodhani/rss-reader: Simple RSS Reader made using atom electron and vue.js
- viko16/vue-ghpages-blog: ✏️ A blog based on GitHub Pages built with Vue.js 2 + webpack 3.
- thelinuxlich/vue-dashing-js: The dashboard framework Dashing reimplemented in Node.js + Vue.js
- sapjax/fewords: a simple notepad supports markdown
- shinygang/Vue-cnodejs: 基于vue.js重写Cnodejs.org社区的webapp
- hilongjw/vue-zhihu-daily: zhihu daily spa with vue 线上演示在这里 ---->
- useryangtao/vue-wechat: 用Vue.js开发微信app
- lzxb/vue2-demo: 从零构建vue2 + vue-router + vuex 开发环境到入门,实现基本的登录退出功能
- kenberkeley/vue-demo: Vue.js 示例项目 · 简易留言板。本项目拥有完善的文档说明与注释,让您快速上手 Vue.js 开发 SPA。Webpack / ES6 + Babel / Vue Router / (Vue Resource?) / (Vue Validator?) / (Vuex?) —— An Excellent Vue
- zhengguorong/maizuo: 使用vue/vuex/redux开发的卖座网
- codecasts/spa-starter-kit: A highly opinionated starter kit for building Single Page Applications with Laravel and Vue.js
- Sioxas/vue-music: Vue 音乐搜索、播放 Demo
- ericjjj/douban: Douban book website demo by server side render
- liangxiaojuan/vue-Meizi: vue最新实战项目,vue2 + vuex + webpack + es6 干货多多,新手福利
- yatessss/zhihudaily-vue: 知乎日报web版---vue
- lavyun/vue-demo-kugou: 酷狗webapp demo(vue2.0+vue-router+vuex)
- canfoo/vue2.0-taopiaopiao: vue2.0+router+vuex+express 构建淘票票的全栈demo
- jiangjiu/vue-leancloud-blog: Vue.js+Vuex+vue-router 我的单页应用博客
- yjj5855/node-vue-server-webpack
- wendaosanshou/mi-by-vue: 使用vue.js模仿小米官网
- okoala/vue-fis3: Vue & Fis3 & Use Vue Component
- superman66/vue2.x-douban: Vue2.0实现简易豆瓣电影webApp
- ChuckCZC/vue-demo-maizuo: 用vue2模仿卖座网:http://m.maizuo.com/v4/?co=maizuo
- iHaPBoy/vue-zhihudaily: 🗞 知乎日报 Web 基于 Vue 2.3
- liujians/vue-adminLte-vue-router: SPA about vue-cli+adminLte+vue-router
- superman66/vue-axios-github: Vue 全家桶 + axios 前端实现登录拦截、登出、拦截器等功能
- pomelo-chuan/Zhihu-Daily-Vue.js: 依旧江山,无边云树
- rokups/hello-vue-django: vuejs and Django integration with hot code reload
- wszgxa/vue-cnode: 一个vuex vue-router vue-resource的单页面应用demo,api来自cnodejs
- CommanderXL/x-blog: 个人博客
- cs1707/vue-zhihudaily-2.0: Zhihudaily demo built with Vue 2.0, vue-router & vuex, with server-side rendering
- lin-xin/notepad: 基于vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。
- elva2596/vueBlog
- hql123/vue-ruby-china: 使用Vue.js框架搭建的ruby china山寨版,集成vue-router+vuex等
- littlewin-wang/Zhihu_Daily: A Zhihu_Daily Web demo made by Vue.js
- SimonZhangITer/VueDemo_Sell_Eleme: ele by vue2.x
- njleonzhang/vue-data-tables: A simple, customizable and pageable table, based on vue2 and element-ui
- Molunerfinn/vue-koa-demo: A simple full stack demo(CSR & SSR & Docker Support) written by Vue2 & Koa2(Koa1 verson also completed)
- vincentSea/vue2.x-Cnode: 基于vue+vue-router+vuex+axios+webpack开发的vue2.x Cnode社区
- shaqihe/life-app-vue: 使用vue2,完成一个多功能集合到小webapp
- SidKwok/github-explorer: github-explorer(vue)
- albertchan/vue-ssr-boilerplate: Vue + vue-router + vuex boilerplate with server-side rendering
- nswbmw/vue-bushishiren: 不是诗人
- QRL909109/ios7: 使用vue2.0、vuex、vue-router 模拟ios7
- tyllo/Framework7-VueJS: Application built on top of Framework7 and VueJS, use: demo/demo
- jo0ger/cnode-vue: 基于Vue2.0和Vue-router构建的web端cnodejs网站SPA
- zhoou/vue-cli-multipage-bootstrap: vue-cli-multipage-bootstrap demo with vue2+vue-router+vuex+bootstrap+markdown for learning vue2.0
- Alex-xd/seeMusic: Vue 云音乐播放器,网易云音乐API,可听网易云高品质付费歌曲。 Vue music player
- moonou/zhihu-daily-vue: zhihu daily for vue2.0
- sailengsi/sls-vuex2-demo: 基于vue2+vuex2实现的购物车demo
- fishenal/vuejs-demo-project: a vue demo project
- Halfeld/v-notes: Simple and beautiful notepad to Markdown with Vue.js and Local Storage API
- BosNaufal/vue-starter: Simple Vue Js Starter for single page application with Vuex and Vue Router
- youknowznm/vue-memo: 完全原创的基于 Vue.js 的记事本应用
- DMQ/mvvm: 剖析vue实现原理,自己动手实现mvvm
- DivanteLtd/vue-storefront: Vue Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento 2 supported. Always Open Source, MIT license. Join us as contributor (contributors@vuestorefront.io).
- arronf2e/Vue2.0LOL: 🌹 🌹 vue2.0版英雄联盟助手
- eteplus/vue-sui-demo: 用vue 和 SUI-Mobile 写了一个移动端demo,用来反馈学习vue的成果(禁用了SUI自带的路由,使用vue-router, vue-resource, webpack)[a web app written by vue & sui-mobile]
- egoist/eme: Elegant Markdown Editor.
- PeakTai/vue-html5-editor: An html5 wysiwyg editor for vue
- hifarer/vueditor: A wysiwyg editor written in Vue.js and Vuex.js
- yunyi1895/vue-music-master: 用vue写了一个手机端网页音乐播放器
- kaola-fed/rds-vue: rde组件库,包含Components、Mixins、Directives、Filters、Utils
- panda-fe/panda-vue: PFE团队 - Vue常用组件、mixin、util库
- Awheat/vue2-douban-market: 这是基于vue2 + vue-router2 + vuex + axios 仿(豆瓣市集)的一个webapp项目!
- microzz/vue-chat: 👥Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室。
- chrisvfritz/vue-render-performance-comparisons: Very simple project to benchmark Vue's render performance in comparison to other libraries
- chenyong9528/vue-mapp: This is a Vue music webapp
¥实时通讯
vue-WeChat
- zhaohaodang/vue-WeChat: 一款基于Vue2.0高仿微信App的单页应用
- 智能聊天室 Vue Chat Powered by microzz.com
vue-chat
- comsince/vue-chat: 基于universe-push的即时聊天系统web客户端,使用vue框架,基于websocket实现基于json的文本协议实现即时通信。消息与android客户端同步,支持文字,图片发送,支持视频相关消息显示
wechat
- CCZX/wechat: Vue.js、React.js、node.js、MongoDB、websocket、socket.io、前端后分离、聊天系统、毕业设计。
- Vue实现的聊天系统 - 掘金
¥订单、支付&商城
stripe
- stripe/stripe-python: Python library for the Stripe API.
- Stripe - Online payment processing for internet businesses
- Stripe.js v2 Reference | Stripe
- [译] 使用 Stripe, Vue.js 和 Flask 接受付款 - 掘金
vue-sell
- ustbhuangyi/vue-sell: Vue.js高仿饿了么外卖App课程源码 http://coding.imooc.com/class/74.html
- sulianapp-com/sulianapp: 快链电商,直播电商 分销商城 微信小程序商城 + APP商城 + 公众号商城 + PC商城系统 + 支付宝小程序商城 + 抖音小程序商城 + 百度小程序电商系统(前后端代码全部开源) Larave
FasterWeb
- httprunner/FasterWeb: FasterWeb that depends FasterRunner
Mysql web端sql审核平台 yearning
- cookieY/Gemini: Yearning-web Page Framework
MintloG
- jrainlau/MintloG: 使用Vuejs+Webpack+VueRouter+VueResource搭建的博客SPA
- 采用 vue+webpack 构建的单页应用——私人博客 MintloG 诞生记 - 掘金
made with vue.js
- Vue.js Showcase - Made With Vue.js
PicGo
- Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by electron-vue
- Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder
- PicGo
- PicGo
- Tag: Electron-vue | MARKSZのBlog
- PicGo:基于 Electron 的图片上传工具 - 少数派
- 从零开始为 PicGo 开发一个新图床 - 掘金
vue-ts-daily
- xiaomuzhu/vue-ts-daily: 基于vue、Typescript、pwa的一款习惯养成app
vue2-douban-market
- db_market
vue-comps
- vue-comps
Vcn
- webproblem/Vcn: 学习Vue源码,实现一个简单的MVVM框架
vue-travel
- YxrSadhu/vue-travel: 模仿旅游网站做个webapp
vue-music-webapp
- caijinyc/vue-music-webapp: A Music WebApp based on the Vue.
- vue-music-webapp
vue-objccn
- halfrost/vue-objccn: 🔥 用 Vue.js 开发的跨三端应用 / Use Vue.js to develop a cross-platform full stack application
Vue.js tools
¥configuration management system
vue-apollo
- vuejs/vue-apollo: 🚀 Apollo/GraphQL integration for VueJS
- Vue Apollo
¥computed
vue-async-computed
- foxbenjaminfox/vue-async-computed: Async computed properties for Vue.js
¥classify / ts
class-component
vue-class-component
- vuejs/vue-class-component: ES / TypeScript decorator for class-style Vue components.
- vue-class-component - npm
- Overview | Vue Class Component
- Vue—Typescript - yydounai的博客 - CSDN博客
- vue-class-component源码阅读 - 简书
- vue-class-component,类样式Vue组件的es/app decorator,下载vue-class-component的源码_GitHub_HELPLIB
vue-property-decorator
- kaorun343/vue-property-decorator: Vue.js and Property Decorator
- How can I use mixin with vue-class-component and typescript? - Get Help - Vue Forum
vue-classify
- hikerpig/vue-classify: Convert option-object style vue component to typescript class component
- vue-classify, 将 JS 写的 vue option object 转为 Typescript class 形式 - 前端 - 掘金
vue-ts-loader
- HerringtonDarkholme/vue-ts-loader: Type-check your script in your vue-loader
¥component
dynamic component
- AStaroverov/vue-dynamic-component: Component for fast creating dynamical components.
- chenquincy/vue-dynamic-form-component: Vue dynamic nested form component, support nested Object/Hashmap/Array. Vue动态多级表单组件,支持嵌套对象/Hashmap/数组。
portal-vue
- LinusBorg/portal-vue: A feature-rich Portal Plugin for Vuejs, for rendering DOM outside of a component, anywhere our app or the entire document.
vue-gn-components
- huxiaocheng/vue-gn-components: 这里有一些标准组件库可能没有的功能组件,已有组件:放大镜、签到、图片标签、滑动验证、倒计时、水印、拖拽、大家来找茬。
vue-create-root
- any86/vue-create-root: 不到1kb的小工具, 把组件变成this.$xxx命令.
vue-slot-checker
- mya-ake/vue-slot-checker: Provide the function to check slot like checking props.
- vue-slot-checker - npm
vue-ref
- vueComponent/vue-ref: You can use the callback to get a reference like react
vuse
- baianat/vuse: 🚧 Build web pages with Vuse, the next-gen interactive page builder powered with Vue.js.
vue-run-sfc
- dream2023/vue-run-sfc: Vue DEMO利器, 在线运行 & 编辑 Vue 单文件
¥Composition API
vueuse
- antfu/vueuse: 🧰 Collection of Composition API utils for Vue 2 and 3
vue-composable
- pikax/vue-composable: Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +50 different composables
vue-composition-toolkit
- HcySunYang/vue-composition-toolkit: 🔫 Vue3 Composition-API toolkit
vue-use-web
- Tarektouati/vue-use-web: 🕸 Web APIs implemented as Vue.js composition functions
- lmhcoding/vhook: Collection of Vue3.0 Composition Functions
¥environment、platform&system
vue-env
- websanova/vue-env: Simple environment library for Vue.js
vue-no-ssr
- egoist/vue-no-ssr: Vue component to wrap non SSR friendly components (428 bytes)
vuepress-plugin-seo
- lorisleiva/vuepress-plugin-seo: 🔌 Generate SEO friendly meta header for every page
¥lit
lit-vue
- egoist/lit-vue: 🔥 Vue SFC goodies directly in JavaScript files.
vue-lit
- yyx990803/vue-lit: Proof of concept custom elements "framework"
- 尤大 3 天前发在 GitHub 上的 vue-lit 是啥?
¥page / router
Vueg----page-transition-plugin
- jaweii/Vueg----page-transition-plugin: 为Vue应用添加页面间的转场特效( Page level transition plugin for vue-router)
vue-hot-reload-api
- vuejs/vue-hot-reload-api: 🌶️ Hot reload API for Vue components
- Vue项目的热更新怎么辣么好用啊?原来200行代码就搞定(深度解析) - 掘金
¥request / response
vue-api-query
- robsontenorio/vue-api-query: 💎 Elegant and simple way to build requests for REST API
¥reactive
vue-rx
- vuejs/vue-rx: 👁️ RxJS integration for Vue.js.
- vue-rx的初步使用_水痕-CSDN博客
vue-reactive
- sl1673495/vue-reactive: 用最简短的方式实现符合Vue源码结构的响应式原理。
¥style
vue-styled-components
- styled-components/vue-styled-components: Visual primitives for the component age. A simple port for Vue of styled-components 💅
¥testing utility
#debugger
- MiCottOn/DejaVue: Visualization and debugging tool built for Vue.js
avoriaz
- eddyerburgh/avoriaz: 🔬 a Vue.js testing utility library
vue-test-utils
- vuejs/vue-test-utils: 🔬 Utilities for testing Vue components
- Introduction | Vue Test Utils
- 介绍 | Vue Test Utils
vue-unit
- wrseward/vue-unit: Component testing utilities for Vue.js
vue-testing-handbook
- lmiller1990/vue-testing-handbook: A guide on testing Vue components and applications
- vuejs/regression-testing: Regression testing
- Vue单元测试探索 - 掘金
- 从零开始做Vue前端架构(6)单元测试 & 代码覆盖率 - 掘金
- 单元测试从零开始,包含 Vue 及 React 项目中该如何单测 - 掘金
- Vue使用jest单元测试详解 - 掘金
- Vue使用Jest单元测试(学习笔记) - 掘金
- 使用 Jest 进行 Vue 单元测试 - 掘金
- Vue 测试速成班 - 掘金
- vue-cli 自动化测试 Nightwatch 详解 - 掘金
- vue单元测试第一篇:单元测试介绍和基本使用 - 掘金
- vue单元测试第二篇:jest断言库的使用 - 掘金
- 学习Vue应用测试,让你的项目更加健壮和稳定
¥Vue npm
vue-npm-template
- cristijora/vue-npm-template: Quick start for publishable to npm vue components
¥Vue develop&debug
#Open component in editor
- yyx990803/launch-editor: Open file in editor from Node.js.
- vue-devtools/open-in-editor.md at master · vuejs/vue-devtools
vue-analytics
- MatteoGabriele/vue-analytics: Google Analytics plugin for Vue
jsv
- ruige24601/jsv-compiler
vue-devtools
- vuejs/vue-devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.
¥Vue.js State Management
- 几十行代码实现一个vue的状态管理 - 掘金
¥Vue.js 服务端渲染(SSR)
¥Websocket
vue-native-websocket
- nathantsoi/vue-native-websocket: native websocket with vuex integration
vue-native-websocket-vue3
- likaia/vue-native-websocket-vue3: 支持vue3和vuex的websocket插件
- vue-native-websocket-vue3 - npm
- 使用Vue3+TS重构百星websocket插件
dayspan-vuetify
- ClickerMonkey/dayspan-vuetify: A collection of components that visualizes DaySpan Calendars and Schedules using Vuetify
epic-spinners
- epicmaxco/epic-spinners: Easy to use css spinners collection with vue.js integration
Famous-Vue
- irwansyahwii/Famous-Vue: Vue components for Famous Javascript library
- Layouting in Famous-Vue – Irwansyah – Medium
vue-lodash
- Ewocker/vue-lodash: This is a small wrapper for integrating lodash into VueJs
vue-shortkey
- iFgR/vue-shortkey: Vue-ShortKey - plugin for Vue.js
vue-cordova
- kartsims/vue-cordova: Vue.js plugin for Cordova
- API Docs | Vue Cordova
vue-promised
- posva/vue-promised: 💝 Promises as components
vuefire
- vuejs/vuefire: 🔥 Firebase bindings for Vue.js & Vuex
vue-design-system
- viljamis/vue-design-system: An open source tool for building UI Design Systems with Vue.js
vuegg
- vuegg/vuegg: vue GUI generator
vue-gtag
- MatteoGabriele/vue-gtag: Global Site Tag plugin for Vue (gtag.js)
vuetensils
- Stegosource/vuetensils: 🍴 A tasty toolset for Vue.js 🛠 - Lightweight, functional components to boost your next project.
Vue.js 资源、整理集&FAQ
Vue.js 资源
Vue patterns、techniques、tips&tricks
vue-patterns
- learn-vuejs/vue-patterns: Useful Vue patterns, techniques, tips and tricks and helpful curated links.
vue-tutorials
- keepfool/vue-tutorials: Let you insight into the Vue.js
vuejs-tips
- Vue.js Tips
- vuejs-tips/tiny-debounce: Lightweight alternative to lodash.debounce
- vuejs-tips/compiler: Interactive Vue.js html to javascript compiler
- vuejs-tips – Medium
vue-cheatsheet
- vuejs-tips/cheatsheet: Vue.js 2.2 complete API cheatsheet
- Vue.js 2.3 Complete API Cheat Sheet
vuex-cheatsheet
- vuejs-tips/vuex-cheatsheet: Vuex Complete API CheatSheet
- Vuex CheatSheet
- BryanAdamss/vue-awesome-template: ☀基于vue-cli@4.x的vue@2.x 项目模板;集成各种常用组件、轮子、最佳实践;
- vuetifyjs/awesome-vuetify: 🎉 The best resources related to Vuetify
Vue 面试
《高级前端开发者必会的34道Vue面试题系列》
- 高级前端开发者必会的34道Vue面试题系列(一) - 掘金
- 高级前端开发者必会的34道Vue面试题系列(二) - 掘金
- 高级前端开发者必会的34道Vue面试题解析(三) - 掘金
- 高级前端开发者必会的34道Vue面试题解析(四) - 掘金
- OneTab shared tabs
- 12道vue高频原理面试题,你能答出几道? - 掘金
- 面试必看:剖析Vue原理之发布订阅者模式(基础篇) - 掘金
- vue.js面试题整理 - 竹木狼马 - 博客园
- 30 道 Vue 面试题,内含详细讲解(涵盖入门到精通,自测 Vue 掌握程度) - 掘金
《「源码级回答」大厂高频Vue面试题》
- 「源码级回答」大厂高频Vue面试题(上) - 掘金
- 「源码级回答」大厂高频Vue面试题(中) - 掘金
- 「面试题」20+Vue面试题整理 - 前端食堂 - SegmentFault 思否
- 史上最强vue总结---面试开发全靠它了
自定义/自实现组件
@mentions
- vue 下评论实现@ mention提及功能 - 掘金
debounce
- Vue实现函数防抖组件 - 掘金
- vue2 debounce 实现 - lickPack的博客 - CSDN博客
- 在vue+element ui框架里怎么用lodash的debounce防抖 - liangxhblog的博客 - CSDN博客
- Vue项目按需打包Lodash - savokiss - 博客园
table
- table 组件了解一下? - 掘金
- rascalHao/kiko: 一个基于Vue2.0的弹窗组件(PC)
- aview/BaseSlider.vue at master · alex2wong/aview
- 浅尝Vue.js组件(一) - 掘金
- 浅尝Vue.js组件(二) - 掘金
- 如何开发一个基于 Vue 的 ui 组件库(一) - 掘金
- 如何开发一个基于 Vue 的 ui 组件库(二) - 掘金
- 一起撸vue组件(一):拖拽API实战之拖拽组件 - 掘金
- 一起撸vue组件(二):带妹上分之<大家来找茬>'辅助'工具 - 掘金
- 使用 Vue 实现 Context-Menu 的思考与总结 - 掘金
- 用于铁胆火车侠运行排班数据展示系统,一个基于Vue构建的Gantt-like 图表组件 - 掘金
- 基于vue-cli3快速发布一个fullpage组件 - 掘金
- 160行代码仿Vue实现极简双向绑定[详细注释] - 掘金
- 一个鲜为人知的高性能组件注册及实现组件排序技巧 - 掘金
- 封装Vue组件的一些技巧 - 掘金
- 基于 vue-cli3 打造属于自己的 UI 库 - 掘金
- 手牵手教你写 Vue 插件 - 掘金
- vue 手写一个时间选择器 - 掘金
- Vue-插件开发 - 掘金
- Vuex持久化插件-解决刷新数据消失的问题 - 掘金
- 重构:从 0.1 构建一个 Vue 表单验证插件 - 掘金
- vue表单验证你真的会了吗?组件之表单验证(form)validate - 掘金
- 基于vue实现web端超大数据量表格 - 掘金
- Vue解析剪切板图片并实现发送功能 - 掘金
- "可插拔式"组件设计,领略组件开发的奥秘 - 掘金
- Vue Webpack 组件化开发实践 | 晚晴幽草轩
- vue组件开发,可以全面在第三方框架引入
- 前端教程
- 手把手从零开始---封装一个vue视频播放器组件
- vue-loading插件开发+npm部署
- 基于Vue自定义模态框|vue仿微信弹窗|nuxt对话框
upload
- Vue实战:文件上传组件
- 上传组件 — sunseekers
- Vue实现一个全屏加载插件并发布至npm仓库🎁
编码规范、风格指南&命名风格
massCode
- antonreshetov/massCode: A free and open source code snippets manager for developers.
vuejs-component-style-guide
- pablohpsilva/vuejs-component-style-guide: Vue.js Component Style Guide
vue-styleguidist
- vue-styleguidist/vue-styleguidist: Created from react styleguidist for Vue Components with a living style guide
- typescript-cheatsheets/vue: Cheatsheets for experienced Vue developers getting started with TypeScript
- 中文 - docs
- Vue.js命名风格指南 - 掘金
- Code Review总结一些Vue开发规范经验 - 掘金
- icarusion/vue-book: 《Vue.js实战》源码及答疑
- MeCKodo/vue-tutorial: vue2.0-tutorial
- bhnddowinf/vuejs2-learn: vuejs2 官网讲解 (vue.js 2 official website tutorials ,contains video , codes, baudi yun, youtube)
- 绝对干货~!学会这些Vue小技巧,可以早点下班和女神约会了 - 掘金
- (28 封私信 / 39 条消息) Vue.js - 知乎
- 我在项目中是这样配置Vue的
Vue.js 整理集
《Vue折腾记》
- Vue折腾记 - (1)写一个不大靠谱的二级侧边栏 - 掘金
- Vue折腾记 - (2)写一个不大靠谱的面包屑组件 - 掘金
- Vue折腾记 - (3)写一个不大靠谱的typeahead组件 - 掘金
- Vue 折腾记 - (4) 写一个不大靠谱的 loading 组件 - 掘金
- Vue 折腾记 - (5) 写一个不大靠谱的selectSearch组件 - 掘金
- Vue 折腾记 - (6) 写一个不大靠谱的backToTop组件 - 掘金
- Vue 折腾记 - (7) 写一个挺不靠谱的Vue-Echarts组件 - 掘金
- Vue 折腾记 - (8) 写一个挺靠谱的多地区选择组件 - 掘金
- Vue 折腾记 - (9) 写一个挺靠谱的typeahead组件 - 掘金
- Vue 折腾记 - (10) 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示) - 掘金
- Vue 折腾记 - (11) @Vue/Cli 3.0.0 图形化项目管理,相当人性化 - 掘金
- Vue 折腾记 - (12) Nuxt.js写一个校验访问浏览器设备类型及环境的中间件 - 掘金
- Vue 折腾记 - (13) Nuxt.js写一个常规音频的播放组件,动态注入微信,新浪微博的js-sdk - 掘金
- Vue 折腾记 - (14) Nuxt.js 2 正式版升级采坑以及部署姿势改动 - 掘金
- Vue 折腾记 - (15) 捣鼓一个中规中矩loading组件 - 掘金
- Vue 折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件 - 掘金
- Vue 折腾记 - (17) 基于Ant Design Vue 封装一个配置式的表单组件 - 掘金
- Vue 折腾记 - (18) 用Vue的Inject Provide结合Event Bus来实现局部的状态维护 - 掘金
《Vuejs渡劫系列》
- Vuejs渡劫系列一:日常开发中必须掌握的细节(keng) | 莫伟德个人网站 | 技术香波岛
- Vuejs渡劫系列二:最全的vue-cli项目下的配置简析 | 莫伟德个人网站 | 技术香波岛
- Vuejs渡劫系列三:构建一个包含路由控制、状态管理和权限校验的vue-cli项目 | 莫伟德个人网站 | 技术香波岛
《Vue 的小奇技》
- 【译】Vue 的小奇技(第一篇):提高大型数据列表的性能 - 掘金
- 【译】Vue 的小奇技(第二篇):衡量 Vue 应用的运行时性能 - 掘金
- 【译】Vue 的小奇技(第三篇):用 PurgeCSS 移除不需要的 CSS - 掘金
- 【译】Vue 的小奇技(第四篇):Vue.js 2.6.0 中的新指令 v-slot - 掘金
- 【译】Vue 的小奇技(第五篇):使用 v-bind 和 v-on 打造自适应组件 - 掘金
- 【译】Vue 的小奇技(第六篇):在 Vue.js 2.6 中不使用 Vuex 来创建 store - 掘金
- 【译】Vue 的小奇技(第七篇):在 vue-multiselect 基础上创建 ImageSelect 组件 - 掘金
- 【译】Vue 的小奇技(第八篇):两个鲜有人知的 Vuex 技巧 - 掘金
- 【译】Vue 的小奇技(第九篇):快照测试的威力 - 掘金
- 【译】Vue 的小奇技(第十篇):监听第三方组件的生命周期钩子 - 掘金
- 【译】Vue 的小奇技(第十一篇):高效简洁的函数式组件 - 掘金
- 【译】Vue 的小奇技(第十二篇):组件创建时立即调用观察者回调 - 掘金
《Vue入门指南》
- Vue入门指南(快速上手vue) - 掘金
- Vue入门指南-01创建vue实例 (快速上手vue) - 掘金
- Vue入门指南-02自定义全局和局部指令 (快速上手vue) - 掘金
- Vue入门指南-03 vue官方提供的指令 (快速上手vue) - 掘金
- Vue入门指南-04 事件机制和事件/按键修饰符和过滤器及监听属性(快速上手vue) - 掘金
- Vue入门指南-05 Vue实例的生命周期(快速上手vue) - 掘金
- Vue入门指南-06 Vue中的动画(快速上手vue) - 掘金
- Vue入门指南-07 Vue中的组件(快速上手vue) - 掘金
- Vue入门指南-08 Vue中的标签/如何获取DOM元素(快速上手vue) - 掘金
《Vue教程》
- Vue教程00:MVC、MVP、MVVM模式的区别,服务端渲染与客户端渲染的区别 - 掘金
- Vue教程01:Vue表达式与v-bind指令 - 掘金
- Vue教程02:v-model、v-text、v-html - 掘金
- Vue教程03:Vue事件、v-show、v-if指令 - 掘金
- Vue教程04:v-for指令 - 掘金
- Vue教程05:v-pre、v-cloak指令 - 掘金
- Vue教程06:数据同步、双向绑定原理 - 掘金
- Vue教程07:事件修饰符 - 掘金
- Vue教程08:Computed计算属性、Watch监听属性 - 掘金
- Vue教程09:双向绑定对象中属性原理 - 掘金
- Vue教程10:使用vue-router实现路由和传参 - 掘金
- Vue教程11:利用JS实现路由跳转,路由监听和导航守卫 - 掘金
- Vue教程12:多视图 - 掘金
- Vue教程13:基于Webpack构建项目 - 掘金
- Vue教程14:配置子路由 - 掘金
- Vue教程15:Vue组件 - 掘金
- Vue教程16:Vue实例生命周期详解 - 掘金
- Vue教程17:组件间通信之一:通过组件实例通信 - 掘金
- Vue教程18:组件间通信之二:通过事件通信 - 掘金
- Vue教程19:Vue 2.0组件开发模式 - 掘金
- Vue教程20:Vuex入门 - 掘金
- Vue教程21:Vuex Getter - 掘金
- Vue教程22:mapState、mapActions、mapGetters - 掘金
- Vue教程23:Vuex异步Action - 掘金
- Vue教程24:Vuex Modules(完结) - 掘金
《Vue 基础篇》
- Vue 基础篇(一):Vue组件间通信 - 掘金
- Vue 基础篇(二):Vue命名注意事项 - 掘金
- Vue 基础篇(三):Vue生命周期理解 - 掘金
- Vue 基础篇(四):父子组件的生命周期顺序 - 掘金
《Vue 使用篇》
- Vue 使用篇(一):<router-link>的to属性绑定命名路由问题 - 掘金
- Vue 使用篇(二):Vue父子组件间的数据传输 - 掘金
- Vue 使用篇(三):scoped属性的style样式如何应用于其子组件中 - 掘金
- Vue 使用篇(四):data数据的变化 - 掘金
《vue2系列文章》
- 第一章:vue2中常见的指令_水痕-CSDN博客
- 第二章:vue2组件的生命周期钩子函数_水痕-CSDN博客
- 第三章:vue2中关于数据的处理_水痕-CSDN博客
- 第四章:vue2中使用过滤器_水痕-CSDN博客
- 第五章:利用计算属性写一个购物车案例_水痕-CSDN博客
- 第六章:vue2组件及组件间通信_水痕-CSDN博客
- 第七章:vue2中创建自定义指令_水痕-CSDN博客
- 第八章:vue2中render与ref的使用_水痕-CSDN博客
- 第九章:vue2中路由的使用_水痕-CSDN博客
- 第十章:vue2中axios请求服务端数据 - CSDN博客
- 第十一章:关于VUEX的详解_水痕-CSDN博客
《Vue组件库工程探索与实践》
- Vue组件库工程探索与实践之构建工具 - 掘金
- Vue组件库工程探索与实践之按需加载 - 掘金
- Vue组件库工程探索与实践之单元测试 - 掘金
《Vue 应用单元测试的策略与实践》
- Vue 应用单元测试的策略与实践 01 - 前言和目标 - 掘金
- Vue 应用单元测试的策略与实践 02 - 单元测试基础 - 掘金
- Vue 应用单元测试的策略与实践 03 - Vue 组件单元测试 - 掘金
- Vue 应用单元测试的策略与实践 04 - Vuex 单元测试 - 掘金
- Vue 应用单元测试的策略与实践 05 - 测试奖杯策略 - 掘金
- Vue 应用单元测试的策略与实践 06 - 如何落地的几点建议 - 掘金
《Vue中级指南》
- Vue入门指南 axios的应用及拦截封装 - 掘金
- Vue中级指南-05 Vue中路由跳的转进度条和数据加载Loading显示 - 掘金
- Vue中级指南-01 如何在Vue项目中导出Excel - 掘金
- Vue中级指南-02 如何在Vue项目使用富文本 - 掘金
- Vue中级指南-03 如何在Vue项目使用阿里iconfont图标 - 掘金
- Vue中级指南-04 Vue中跨域以及打包部署到nginx跨域设置 - 掘金
《Vue高级指南》
- Vue高级指南-01 Vue源码解析之手写Vue源码 - 掘金
- Vue高级指南-02 Vue.js源码深入解析 - 掘金
《VUE 3.0 学习探索入门系列》
- VUE 3.0 学习探索入门系列 - 总览(1) - 掘金
- VUE 3.0 学习探索入门系列 - 回顾 vue2 辉煌一生(2) - 掘金
- VUE 3.0 学习探索入门系列 - 用几个 demo 认识 vue3(3) - 掘金
- VUE 3.0 学习探索入门系列 - vue2.x/React/vue3.x 简单横评(4) - 掘金
- VUE 3.0 学习探索入门系列 - 纠结要不要升级到Vue3.0?该如何升级?(5) - 掘金
- VUE 3.0 学习探索入门系列 - Vue3.x 生命周期 和 Composition API 核心语法理解(6) - 掘金
- VUE 3.0 学习探索入门系列 - Vue3.x 令人期待的新特性(7) - 掘金
《设计模式在vue中的应用》
- 设计模式在vue中的应用 (一) - 掘金
- 设计模式在vue中的应用(二) - 掘金
- 设计模式在vue中的应用(三) - 掘金
- 设计模式在vue中的应用(四) - 掘金
- 设计模式在vue中的应用(五) - 掘金
- 设计模式在vue中的应用(六) - 掘金
- 设计模式在vue中的应用(七) - 掘金
《你也许不知道的Vuejs》
- 你也许不知道的Vuejs - 前言 - 掘金
- 你也许不知道的Vuejs - 最佳实践(1) - 掘金
- 你也许不知道的Vuejs - 最佳实践(2) - 掘金
- 你也许不知道的Vuejs - 最佳实践(3) - 掘金
- 你也许不知道的Vuejs - 状态管理 - 掘金
- 你也许不知道的Vuejs - 自定义路由实现 - 掘金
- 你也许不知道的Vuejs - 插件开发 - 掘金
- 你也许不知道的Vuejs - 定制开发项目模板 - 掘金
- 你也许不知道的Vuejs - 使用ESLint检查代码质量 - 掘金
- 你也许不知道的Vuejs - 使用ES6快乐的玩耍 - 掘金
- 你也许不知道的Vuejs - 单文件组件 - 掘金
- 你也许不知道的Vuejs - 工欲善其事必先利其器 - 掘金
- 你也许不知道的Vuejs - 组件式开发 - 掘金
- 你也许不知道的Vuejs - 强大的指令系统 - 掘金
- 你也许不知道的Vuejs - 深入浅出响应式系统 - 掘金
- 你也许不知道的Vuejs - 花式渲染目标元素 - 掘金
《手摸手,带你用vue撸后台系列》
- 手摸手,带你用vue撸后台 系列一(基础篇) - 掘金
- 手摸手,带你用vue撸后台 系列二(登录权限篇) - 掘金
- 手摸手,带你用vue撸后台 系列三(实战篇) - 掘金
- 手摸手,带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板) - 掘金
- 手摸手,带你用vue撸后台 系列五(v4.0新版本) - 掘金
《从零实现Vue的组件库》
- 从零实现Vue的组件库(零)- 基本结构以及构建工具 - 掘金
- 从零实现Vue的组件库(一)- Toast 实现 - 掘金
- 从零实现Vue的组件库(二)- Slider 实现 - 掘金
- 从零实现Vue的组件库(三)- Tabs 实现 - 掘金
- 从零实现Vue的组件库(四)- File-Reader实现 - 掘金
- 从零实现Vue的组件库(五)- Breadcrumb 实现 - 掘金
- 从零实现Vue的组件库(六)- Hover-Tip 实现 - 掘金
- 从零实现Vue的组件库(七)- Message-Box 实现 - 掘金
- 从零实现Vue的组件库(八)- Input 实现 - 掘金
- 从零实现Vue的组件库(九)- InputNumber 实现 - 掘金
- 从零实现Vue的组件库(十)- Select 实现 - 掘金
- 从零实现Vue的组件库(十一)- 结合 Functional Component 实现 Date-picker - 掘金
- 从零实现Vue的组件库(十二)- Table 实现 - 掘金
- 从零实现Vue的组件库(十三)- Pagination 实现 - 掘金
- 从零实现Vue的组件库(十四)- RadioGroup 实现 - 掘金
- 从零实现Vue的组件库(十五)- Checkbox-Group 实现 - 掘金
- 从零实现Vue的组件库(十六)- Dropdown 实现 - 掘金
《从零到部署:用 Vue 和 Express 实现迷你全栈电商应用》
- 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(一) - 掘金
- 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(二) - 掘金
- 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(三) - 掘金
- 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(四) - 掘金
- 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(五) - 掘金
- 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(六) - 掘金
- 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(七) - 掘金
- 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(九):使用 Authing 打造拥有微信登录、Github登录的企业级的用户系统 - 掘金
- 从零到部署:用 Vue 和 Express 实现迷你全栈电商应用(终篇) - 掘金
- (4.2万字🔥🔥🔥重启2020)“从零到部署”Vue全栈电商应用系列教程---正式完结 - 掘金
《总结vue知识体系》
- 总结vue知识体系之基础入门篇 - 掘金
- 总结vue知识体系之实用技巧 - 掘金
- 总结vue知识体系之高级应用篇 - 掘金
Vue 笔记&汇总
- vue引入第三方非模块化插件 · Issue #4 · CodeDreamfy/CodeDemo
- Topic: vue-plugin
- Use Any Javascript Library With Vue.js - Vue.js Developers
- Vue 开发必须知道的 36 个技巧【近1W字】 - 掘金
- 第一阶段 Vue基础语法-第一集:Vue.js入门基础 - 掘金
- 第一阶段 Vue基础语法-第二集:Vue2.5开发去哪网 - 掘金
- 第二阶段 vue项目实战-第一集:快速入门web阅读器开发 - 掘金
- Vue2.x 的笔记:第一次的感受 Vue 开篇 - 掘金
- Vue2.5笔记:Vue中的模版 - 掘金
- Vue2.5笔记:Vue的实例与生命周期 - 掘金
- Vue2.5笔记:Class与Style几种绑定用法 - 掘金
- Vue 开发经验小记 - 掘金
- Vue简史 - 掘金
- Vue项目history模式下微信分享总结 - 掘金
- [译] Vue.js 优雅地集成第三方 JavaScript - 掘金
- VUE 项目:API配置、版本控制(V1.0方案) - 掘金
- Vue 系列一 之 Vue 基础 - 掘金
- Vue 系列二 之 猛龙行动之绝密代码 - 掘金
- Vue 实践小结 - 掘金
- vue知识点记录 - 掘金
- Vue + Canvas项目总结 - 掘金
- Vue前端开发规范 - 掘金
- VUE组件汇总 - 掘金
- 【收藏】2019年最新Vue相关精品开源项目库汇总 - 掘金
- Vue经典开源项目汇总 - 掘金
- 2年vue项目实战经验汇总 - 掘金
- 【图文并茂,点赞收藏哦!】重学巩固你的Vuejs知识体系 - 掘金
- vue全家桶开发的一些小技巧和注意事项 - 掘金
- Vue最全知识点,面试必备(基础到进阶,覆盖vue3.0,持续更新整理,欢迎补充讨论)
- 万字总结Vue(包含全家桶),希望这一篇可以帮到您
- Vue 开发必须知道的 36 个技巧【近1W字】
- Vue2.0 新手完全填坑攻略——从环境搭建到发布 - 简书
- Vue 开发必须知道的 36 个技巧【近1W字】 - 前端小而全的知识归纳 - SegmentFault 思否
- [总结]vue开发常见知识点及问题资料整理(持续更新) - 风雨后见彩虹 - 博客园
- 三年 Vue 前端开发的血与泪总结
- 这 10 个技巧让你成为一个更好的 Vue 开发者
- 10+个很酷的VueJS组件,模板和实验示例
- 三万字,100张图,1个小时,带后端的同学整体了解 vue 前端架构
- 34条我能告诉你的Vue之实操篇
- Vue 项目中各种痛点问题及方案
- Vue经典开源项目汇总
- 34条我能告诉你的Vue之实操篇
- 记一次惨痛的Vue-cli + VueX + SSR经历
- 34条我能告诉你的Vue之实操篇
- 34条我能告诉你的Vue之实操篇
- 【图文并茂,点赞收藏哦!】重学巩固你的Vuejs知识体系(上)
- 【图文并茂,点赞收藏哦!】重学巩固你的Vuejs知识体系(下)
- Vue 项目一些常见问题的解决方案
- 基于Vue的前端架构,我做了这15点
- Vue3生态技术内幕 · 语雀
Vue.js FAQ
Vue authentication、加密、解密、加签&解签
- 在VUE中使用RSA加密解密加签解签
Vue study
- 实战教学使用 Vue3 重构 Vue2 项目(万字好文推荐)
- [译] Vue: scoped 样式与 CSS Module 对比
Vue 移动端
- vue移动端开发总结 - 掘金
Vue 错误&异常处理
- 浅出Vue 错误处理机制errorCaptured、errorHandler - 掘金
- vue框架下部署上线后刷新报404问题解决方案 - 掘金
- 【实践总结】优雅的处理vue项目异常 - 掘金
- Vue项目中出现Loading chunk {n} failed问题的解决方法 - 半路出家老菜鸟 - SegmentFault 思否
Vue 异步
- 在Vue中使用async函数 - 比利Billy - CSDN博客
- vue.js - vue-cli构建的项目中如何使用async await - SegmentFault 思否
- 使用async/await来处理异步(vue+node的实例) - 简书
- vue中用async/await 来处理异步 - 简书
- vue 钩子函数 使用async await - 孟繁贵 - 博客园
- vue async/await同步 案例 - 春风十里的情 - 博客园
- vue中异步函数async和await的用法_玉小希_新浪博客
- 🚩Vue源码——异步组件是如何使用
Vue 过渡动画
- Mosasa/vue-transition-practice: vue页面动画效果实现demo
- Vue中的基础过渡动画原理解析 - 掘金
- Vue一个案例引发「动画」的使用总结 - 掘金
- Vue页面跳转动画效果实现 - 掘金
- vue中transition动态设置name属性左右切换_MVC前端网(menVScode)_前端博客_前端技术
Vue 多环境配置
- 前端工程(vue)多环境配置方案 - 掘金
- vue 前端 axios 多环境请求解决方案及配置 - 掘金
Vue 传参
- Vue传参一箩筐 - 掘金
- vue中参数传递(合集) - boy火巨的博客 - CSDN博客
Vue 路由权限控制
- vue权限路由实现方式总结 - 掘金
- vue权限路由实现方式总结二 - 掘金
- 企业管理系统前后端分离架构设计 系列一 权限模型篇 - 掘金
- vue基于d2-admin的RBAC权限管理解决方案 - 掘金
- 记一次Vue动态渲染路由的实现 - 掘金
- 如何优雅的在 vue 中添加权限控制 - 掘金
- 浅析 vue-router 源码和动态路由权限分配
- 基于Vue的addRoutes实现权限控制 - CSDN博客
- vue+vue-router+vuex,利用vue-router2.2.0新增特性addRoutes实现路由动态加载,菜单动态加载,运用于后台管理系统,路由数据取自数据库 - CSDN博客
- vue用addRoutes实现动态路由的示例(从其他地方看到的,怕地址丢了,就复制过来了) - CSDN博客
- 基于Vue-Router和Vuex的页面访问权限控制 - CSDN博客
- 基于Vue实现后台系统权限控制 - CSDN博客
- Vue + ElementUI 手撸后台管理网站基本框架(二)权限控制 - CSDN博客
- 用addRoutes实现动态路由 - CSDN博客
- vue-router 动态添加 路由 - CSDN博客
- vue+element-ui,树形表格,可以做权限管理模块,可折叠,全选,部分全选 - CSDN博客
- vue 动态控制权限 - CSDN博客
- vue前后端分离项目做权限控制、自动登陆、h5 history模式及404页面 - CSDN博客
- Vue2.0用户权限控制解决方案 - CSDN博客
- 基于URL实现权限控制 - CSDN博客
- 权限控制方案之——基于URL拦截 - CSDN博客
- Vue2.0权限树组件 - CSDN博客
- 如何用 Vue 实现前端权限控制(路由权限 + 视图权限 + 请求权限) - CSDN博客
- vue问题记录(三):addRouter动态路由加载,,实现权限功能以及菜单的动态生成 - CSDN博客
- 基于vue的前端页面按钮权限控制_acoolper的专栏-CSDN博客
- 基于VUE自定义指令实现按钮级权限控制 - 简书
- 前后端分离实践:基于vue实现网站前台的权限管理-云栖社区-阿里云
- 如何在 vue 中添加权限控制管理?
- 详解VUE前端按钮权限控制 / 张生荣
Vue 优化
Vue 模块化按需编译
- 「vue模块化按需编译,突破编译瓶颈」实战篇 - 掘金
- 将Vue组件库更换为按需加载 - 掘金
Vue 懒加载
- 加快你的网站响应速度-Vue懒加载 - 掘金
- 从4个方面优化你的Vue项目 - 掘金
- Vue实战:简单几步,优化你的开发体验与效率 - 前端 - 掘金
- VUE简单的定时器实时刷新 - 掘金
- 如何在 Vue 项目中使用 echarts - 掘金
- 从Vue数组响应化所引发的思考 - 掘金
- vue项目中使用token的身份验证的简单实践 - 掘金
- Vue 性能优化之深挖数组 - 掘金
- Vue项目架构优化 - 掘金
- Vue项目升级webpack4.x和遇到的那些安装包Error - 掘金
- 一个Vue引发的性能问题 - 掘金
- 【Vue 实践】页面生成 pdf 文件-01 - 掘金
- 基于vue解决大数据表格卡顿问题 - 掘金
- 基于vue的海量数据tree组件(20w+) - 掘金
- 浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层
- Vue SPA性能优化,看这一篇就够了
- Vue 项目性能优化—实践指南(网上最全 / 详细) - 知乎
- Vue性能优化:如何实现延迟加载和代码拆分?
- 得心应用的Vue高级技巧
Vue 前进刷新后退不刷新
- Vue前进刷新后退不刷新,简易页面堆栈实现 - 掘金
- vue实现前进刷新,后退不刷新 - 掘金
- 另辟蹊径:vue单页面,多路由,前进刷新,后退不刷新 - 冰扬 - SegmentFault 思否
Vue 重新渲染
- Vue 中 强制组件重新渲染的正确方法
Vue 项目各目录结构及作用
- Vue.js 目录结构 | 菜鸟教程
- Vue UI库之初始构建项目结构_玉案轩窗的博客-CSDN博客
- Vue UI库之基本构建配置说明_玉案轩窗的博客-CSDN博客
- Vue的目录结构 - 起小点 - CSDN博客
- VUE项目目录结构介绍 - 柳牧之的博客 - CSDN博客
- Vue项目---目录结构 - - SegmentFault 思否
- Vue项目目录架构 - - SegmentFault 思否
- Vue 开发|文件目录结构部署 - - SegmentFault 思否
- vue项目各目录结构及作用 - 简书
- Vue项目目录结构 - 简书
- Vue项目目录结构解析 - 简书
- [vue学习]vue项目的文件和目录结构 - 简书
- vue 文件目录结构详解_vue.js_脚本之家
- 深入理解Vue-cli搭建项目后的目录结构探秘_vue.js_脚本之家
- vue项目开发基本目录结构 - 放晴的天空 - 博客园
- vue-cli 工程目录结构介绍 详细介绍 - Ralapgao - 博客园
- Vue入坑——vue-cli(脚手架)目录结构认识 - 铸剑为犁413的个人空间 - OSCHINA
- Vue 入门之项目目录结构介绍-云栖社区-阿里云
Vue 与其他框架的对比
- 关于Vue和React的一些对比及个人思考(上) - 掘金
- 关于Vue和React的一些对比及个人思考(中) - 掘金
- Vue有什么特性,相对于其他框架都有那些优势!
- 为什么说 Vue 的响应式更新比 React 快?(原理深度解析) - 掘金
- Vue3 究竟好在哪里?(和 React Hook 的详细对比) - 掘金
- Vue 在哪些方面比 React 做得更好?_前端大全-CSDN博客_比vue好
Vue 疑惑点
- vue/state.js at dev · vuejs/vue
- Plans for the Next Iteration of Vue.js – The Vue Point – Medium
- Medium – a place to read and write big ideas and important stories
- 离职后才搞懂vue项目开发流程中的疑惑点 - 掘金
- 记第一个Vue项目台前幕后的经历 - 掘金
- Vue一个案例引发的动态组件与全局事件绑定总结 - 掘金
- Vue一个案例引发的递归组件的使用 - 掘金
- Vue CLI 3.0脚手架如何在本地配置mock数据 - 掘金
- React与Vue模板使用比较(一、vue模板与React JSX比较) - 掘金
- 【翻译】Vue.js 的注意事项与技巧 - 掘金
- 如何搭建一个功能复杂的前端配置化框架(一) - 掘金
- vue 组件的三种使用方式教程 - 掘金
- Vue.js 升级踩坑小记 - 掘金
- Vue.js基础拾遗 - 掘金
- 巧用设计模式构建可配置Vue前端应用-活动页生成系统实践 - 掘金
- Vue中的组件从初始化到挂载经历了什么 - 掘金
- 一个简洁、有趣的无限下拉方案 - 掘金
- vue加scoped后无法修改样式(无法修改element UI 样式) - boy火巨的博客 - CSDN博客
- Vue之数据对象_玉案轩窗的博客-CSDN博客
- 神奇的 ::v-deep_qiaoliang_123的博客-CSDN博客
- Vue2.0的变化 - CSDN博客
- Vue2.0使用总结中...... - CSDN博客
- vue.js - Vue transition中v-leave状态求解惑 - SegmentFault 思否
- vue中eventbus被多次触发(vue中使用eventbus踩过的坑) - 简书
- 腾讯工程师们怎么玩 Vue.js?
- Vue中的Portal技术 | 大专栏
- 使用 Vue 2.0 实现服务端渲染的 HackerNews - 梦想天空(山边小溪) - 博客园
- vue2.0有哪些变化 - 百年美 - 博客园
- InfoQ
- 小茶语音版 | Vue.js渐进式JavaScript框架,真的很难
- 如何在Vue中动态添加类名
- Vue 中如何让 input 聚焦?(包含视频讲解)
- 高级 Vue 技巧:控制父类的 slot
- Vue 项目里戳中你痛点的问题及解决办法(更新) - 掘金
- Vue vs. Svelte with Evan You and Rich Harris
- 🚩Vue源码——组件是如何注册和使用
Vue 悬浮球效果
- Vue悬浮球效果 - 掘金
Vue 装饰器
- 在Vue中使用装饰器,我是认真的
引用图片
- Handling Static Assets · GitBook
- 问题杂记-Vue组件中使用地址引入图片_a8725585的博客-CSDN博客
- javascript - Vue组件里的图片路径问题 - SegmentFault 思否
- Vue.js中引入图片路径的几种方式 - 个人文章 - SegmentFault 思否
- Vue项目中img标签src的路径问题 - 简书
- vue组件引入本地静态图片 - liyoungs的个人空间 - OSCHINA
- vue项目使用static目录存放图片解决方案 - 前端panda - 博客园
- vue-cil和webpack中本地静态图片的路径问题解决方案 - 萧了个晓 - 博客园
- vue-cli3 图片路径_javascript_潇蓝诺依的博客-CSDN博客
作用域
- vue 中4个级别的作用域 - 掘金
- CSS 作用域 · vue-loader
修饰符
- Vue修饰符集合 - 掘金
导入Excel
- Vue+Element前端导入导出Excel - 前端技术 - SegmentFault 思否
重置data
- (1条消息)Vue中重置data的数据为初始状态_JavaScript_第一行代码-CSDN博客
- vue data恢复初始化数据的实现方法_vue.js_脚本之家
自动保存
- 「Vue表单自动保存功能」踩坑 - 掘金
- 公司倒闭 1 年了,而我当年的项目上了 GitHub 热榜 - 知乎
- Vue超好玩的新特性:在CSS中使用JS变量
$JS libs、plugins&tools
$AI、AR、VR&多媒体
¥MimeType
- rsdoiel/mimetype-js: A mime type catalog for mapping file extensions to their mime type string.
¥Music
amplitudejs
- 521dimensions/amplitudejs: Amplitude.js is the HTML5 Audio Player for the modern era. No dependencies required.
- AmplitudeJS: The Open Source HTML5 Audio Player For The Modern Era
chrome-music-lab
- googlecreativelab/chrome-music-lab: A collection of experiments for exploring how music works, all built with the Web Audio API.
- https://musiclab.chromeexperiments.com
howler.js
- howler.js - JavaScript audio library for the modern web
JZZ
- jazz-soft/JZZ: MIDI library for Node.js and web-browsers
lyric-parser
- ustbhuangyi/lyric-parser: lyric-parser base on javascript
quiet-js
- quiet/quiet-js: Transmit data with sound using Web Audio -- Javascript binding for libquiet
slang
- kylestetz/slang: 🎤 a simple audio programming language implemented in JS
- slang.kylestetz.com
Tone.js
- Tonejs/Tone.js: A Web Audio framework for making interactive music in the browser.
- Tone.js
voix.js
- Voix JS Component
- pazguille/voix: A JavaScript library to add voice commands to your sites, apps or games.
WebAudio
- cwilso/WebAudio: Web Audio API Playground
- doving/webAudio: 利用webAudio,canvas,CSS3制作的自适应的音乐可视化应用,移动端、pc端通用
- surikov/webaudiofont: Use full GM set of musical instruments to play MIDI and single sounds or effects. Support for reverberation and equaliser. No plugins, no Flash. Pure HTML5 implementation compatible with desktop and mobile browser. See live examples.
- jeromeetienne/webaudiox: helpers for WebAudio API
- notthetup/awesome-webaudio: A curated list of awesome WebAudio packages and resources.
- g200kg/webaudio-controls: GUI parts library for Web application using WebComponents
- jhalme/webaudio-mod-player: MOD/S3M/XM module player for Web Audio
- Jam3/web-audio-player: a cross-browser WebAudio player
- jeromeetienne/webaudio.js: web audio library for games
- spite/WebAudioExtension: Google Chrome DevTools extension to view and hopefully interact with the routing graph of Web Audio API
基于 Web 的数字音频工作站
- 音视频技术从零开始-音频基础
¥RSS
RSSHub
- DIYgod/RSSHub: 🍰 万物皆可 RSS
¥Video
¥H5播放器
chimee
- Chimeejs/chimee: a video player framework aims to bring wonderful experience on browser
- Chimee - 可扩展的组件化H5播放器框架
covervid
- stefanerickson/covervid: Make your HTML5 video behave like a background cover image with this lightweight Javascript plugin / jQuery extension
flv.js
- Bilibili/flv.js: HTML5 FLV Player
MoePlayer
- MoePlayer/APlayer: Wow, such a beautiful HTML5 music player
- MoePlayer/DPlayer: Wow, such a lovely HTML5 danmaku video player
video.js
- videojs/video.js: Video.js - open source HTML5 & Flash video player
- spchuang/videojs-markers: Displays customizable markers upon progress bars of videojs players
- videojs/videojs-contrib-hls: HLS library for video.js
- videojs/video-js-swf: Custom Flash Player for VideoJS
- videojs/videojs-flash: The Flash tech for video.js
- Video.js: The Player Framework
- (2条消息) videojs中文文档详解_谢泽的网络日志-CSDN博客_videojs
¥video processing library
FFCreator
- tnfe/FFCreator: 一个基于node.js的高速短视频加工库 A fast short video processing library based on node.js
FFmpeg
- ffmpeg.zeranoe.com
- 初探视频原理和FFmpeg
hls.js
- video-dev/hls.js: JavaScript HLS client using Media Source Extension
vime
- vime-js/vime: Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...
xgplayer
- bytedance/xgplayer: A Web video player with a parser that saves traffic
- 西瓜播放器
- 「1.4万字」玩转前端 Video 播放器 | 多图预警
- (1条消息)JS获取video真实宽高_JavaScript_weixin_33690963的博客-CSDN博客
¥人工智能(Artificial Intelligence,AI)
《前端代码是怎样智能生成的》
- 前端代码是怎样智能生成的-智能插件篇 - 掘金
- 前端代码是怎样智能生成的-组件识别篇 - 掘金
- 前端代码是怎样智能生成的-表单表格专项识别篇 - 掘金
- 前端代码是怎样智能生成的-业务模块识别篇 - 掘金
- 前端代码是怎样智能生成的-布局算法篇 - 掘金
- 前端代码是怎样智能生成的-图像分离篇 - 掘金
- 前端代码是怎样智能生成的 - 语义化篇 - 掘金
- 前端代码是怎样智能生成的 - 字段绑定篇 - 掘金
- 前端代码是怎样智能生成的-业务逻辑智能生成篇 - 掘金
- 前端代码是怎样智能生成的? - 掘金
ai-edu
- microsoft/ai-edu: AI education materials for Chinese students, teachers and IT professionals.
AMAI
- i.am.ai | AI Use Cases, Roadmaps, Newsletter
- AI Expert Roadmap
- AMAI GmbH
- AMAI-GmbH/AI-Expert-Roadmap: Roadmap to becoming an Artificial Intelligence Expert in 2021
pipcook
- alibaba/pipcook: 基于 tfjs-node 的前端算法工程框架 front-end algorithm engineer platform based on tfjs-node
Tensorflow.js
Tensorflow.js core
- tensorflow/tfjs-core: WebGL-accelerated ML // linear algebra // automatic differentiation for JavaScript.
- xitu/tensorflow-docs: TensorFlow 最新官方文档中文版 V1.10
- TensorFlow.js
- 开始
Tensorflow.js libs、plugins&tools
alexa-sign-language-translator
- shekit/alexa-sign-language-translator: A project to make Amazon Echo respond to sign language using your webcam
face-api.js
- justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser with tensorflow.js
Magenta.js
- magenta/magenta-js: Magenta.js: Music and Art Generation with Machine Learning in the browser
Tensorflow.js 资源、整理集&FAQ
- 前端入门机器学习 Tensorflow.js 简明教程
- Ncnn_FaceTrack: 开源视频人脸跟踪算法,基于mtcnn人脸检测+onet人脸跟踪,在i7-9700k的cpu检测速度可高达250fps
- 自美人工智能系统: 铜陵科艺创想科技有限公司开发的自美人工智能系统是由Python、微信小程序、百度人工智能语音接口、讯飞语音唤醒、腾讯机器人对话系统、MQTT、HTML5、ESP8266模组打造的可基
- 前端智能化—思维转变之路 - 掘金
- 智能生成代码 - 使用深度学习识别 UI 界面组件 - 掘金
- DeepDelta:一种通过深度学习自动修复编译错误的方法 - 掘金
- 智能生成前端代码的信息输入思考 - 掘金
- [译]AI如何助力前端开发? - 掘金
- 怎样基于 tfjs-node 构建一个高阶前端机器学习框架 - 掘金
- pipcook - 让前端拥抱智能化的一站式算法框架 - 掘金
- 前端生产方式:过去 10 年回顾和未来 10 年展望 - 掘金
- 数据分析的人工智能画板—马良
- 双 11 模块 79.34% 的代码是怎样智能生成的?
- 1 秒钟黑科技渲染页面,淘宝是如何做到的?
- Bigjpg - AI人工智能图片无损放大 - 使用人工智能深度卷积神经网络(CNN)无损放大图片
¥增强现实(Augmented Reality, AR)
AR.js
- jeromeetienne/AR.js: Efficient Augmented Reality for the Web - 60fps on mobile!
- AR用AR.js做一個讓另對方 喔喔喔喔! 的小卡片吧! - 髒桶子~ - Medium
- Web vs App (AR 版本)
¥介导现实(Mediated Reality, MR)
¥虚拟现实(Virtual Reality, VR)
aframe
- aframevr/aframe: web framework for building virtual reality experiences.
- A-Frame – Make WebVR
- GeekLiB/Lee-VR-Source: VR developers necessary resources(VR 开发者必备资源汇总)
- Web vs App (AR edition). Given the latest advancements in web… | by Hermes | Agora.io | Medium
- 走进网页虚拟现实WebVR - 掘金
¥机器学习&深度学习(Machine Learning,ML&Deep Learning,DL)
#机器学习&深度学习--GitHub
machine-learning-yearning-cn
- deeplearning-ai/machine-learning-yearning-cn: Machine Learning Yearning 中文版 - 《机器学习训练秘籍》 - Andrew Ng 著
- amusi/machine-learning-yearning-cn: 吴恩达《Machine Learning Yearning》的中英文版(更新中):第1~第22章
ml5js
- ml5js/ml5-library: Friendly machine learning for the web! 🤖
- ml5js · Friendly Machine Learning For The Web.
- alibaba/Alink: Alink is the Machine Learning algorithm platform based on Flink, developed by the PAI team of Alibaba computing platform.
- alibaba/MNN: MNN is a blazing fast, lightweight deep learning framework, battle-tested by business-critical use cases in Alibaba
- fengdu78/Coursera-ML-AndrewNg-Notes: 吴恩达老师的机器学习课程个人笔记
- guess-js/guess: Libraries & tools for enabling Machine Learning driven user-experiences on the web
- fengdu78/deeplearning_ai_books: deeplearning.ai(吴恩达老师的深度学习课程笔记及资源)
- imhuay/Algorithm_Interview_Notes-Chinese: 2018/2019/校招/春招/秋招/算法/机器学习(Machine Learning)/深度学习(Deep Learning)/自然语言处理(NLP)/C/C++/Python/面试笔记
- uber/manifold: A model-agnostic visual debugging tool for machine learning
- daicoolb/RecommenderSystem-Paper: This repository includes some papers that I have read or which I think may be very interesting.
- apache/predictionio: PredictionIO, a machine learning server for developers and ML engineers. Built on Apache Spark, HBase and Spray.
- rwaldron/johnny-five: JavaScript Robotics and IoT programming framework, developed at Bocoup.
- TommyLemon/APIAuto: ☔机器学习测试、自动生成代码、自动静态检查、自动生成文档与注释等,做最先进的接口管理工具。☔The most advanced API management tool. Testing with machine learning, generating codes, static an
- algorithm-visualizer/algorithm-visualizer: Interactive Online Platform that Visualizes Algorithms from Code
#机器学习&深度学习--Gitee
- Paddle: PaddlePaddle (PArallel Distributed Deep LEarning 并行分布式深度学习)是百度研发的深度学习平台,具有易用,高效,灵活和可伸缩等特点,为百度内部多项产品提供深度学习算法支持
- nnom: NNoM是一个专门为了神经网络在 MCU 上运行的框架。 NNoM 是一个定点神经网络库, 现在支持 8-bit定点格式
- UnitAuto: 机器学习自动化单元测试平台,零代码、全方位、自动化 测试 方法/函数 的正确性和可用性
- openrobot: 采用主从结构,以类人机器人xshadower为示例的通用开源机器人系统,非ROS,操控真实机器人,无仿真环境。 本系统采用makefile整合platformIO CLI为开发环境,整合主从代码统一管理。方便
#机器学习&深度学习--CSDN
- 呆呆的猫的博客_CSDN博客-python学习笔记,目标检测专题,Tensorflow入门领域博主
#机器学习&深度学习--简书
#机器学习&深度学习--博客园
#机器学习&深度学习--知乎
- 随机森林简单总结 - 知乎
- 三种决策树的回归原理(ID3, C4.5, CART) - 知乎
- 一-----决策树的ID3、C4.5、CART算法 - 知乎
- 决策树的进化史 - 知乎
- 极简机器学习 | 用决策树拯救单身狗 - 知乎
- 从决策树到随机森林理论篇从人话到鬼话:看不懂来找我麻烦 - 知乎
- 【机器学习】决策树(中)——Random Forest、Adaboost、GBDT (非常详细) - 知乎
- 决策树(Decision Tree):通俗易懂之介绍 - 知乎
- 深入浅出机器学习算法:决策树引论和CART算法 - 知乎
#机器学习&深度学习--哔哩哔哩
- Tree Based Algorithms : A Complete Tutorial from Scratch (in R & Python)
- 机器学习算法的基本知识(使用Python和R代码) | yanqiangmiffy
- Machine Learning in Static Code Analysis | Hacker Noon
¥分享
share.js
- overtrue/share.js: 一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等
$API
¥API 兼容性
¥ES兼容
¥ES兼容 core
mdn-polyfills
- msn0/mdn-polyfills: MDN polyfills - from, forEach, filter, find, findIndex, assign, includes, create, entries, of, repeat, startsWith, endsWith, toggleAttribute, bind, MouseEvent, CustomEvent, padEnd, padStart
- Polyfills copy-pasted from MDN | Check Polyfills copy-pasted from MDN
- @babel/polyfill 与 @babel/plugin-transform-runtime 详解 · Issue #4 · Weiyu-Chen/blog
- Show me the code,babel 7 最佳实践! · Issue #5 · Weiyu-Chen/blog
- @babel/preset-env · Babel
¥ES兼容 polyfill
- ambit-tsai/es6-proxy-polyfill: Proxy polyfill based on ES3 supports IE8, Node.js, etc.
- es-shims/es5-shim: ECMAScript 5 compatibility shims for legacy (and modern) JavaScript engines
- paulmillr/es6-shim: ECMAScript 6 compatibility shims for legacy JavaScript engines
- sophiebits/es3ify: Browserify transform to convert ES5 syntax to be ES3-compatible.
- benlesh/symbol-observable: Symbol.observable ponyfill
- taylorhakes/promise-polyfill: Lightweight ES6 Promise polyfill for the browser and node. A+ Compliant
- GoogleChrome/proxy-polyfill: Proxy object polyfill
- mozilla/webextension-polyfill: A lightweight polyfill library for Promise-based WebExtension APIs in Chrome
- ModuleLoader/es-module-loader: Polyfill for the ES Module Loader
- constancecchen/object-fit-polyfill: A Javascript polyfill for browsers that don't support the object-fit CSS property.
- lahmatiy/es6-promise-polyfill: ES6 Promise polyfill
- slightlyoff/Promises: DOM Promises IDL/polyfill
- kpdecker/six-speed: ES6 polyfill vs. feature performance tests
- medikoo/es6-symbol: ECMAScript 6 Symbol polyfill
- getify/native-promise-only: A polyfill for native ES6 Promises as close as possible (no extensions) to the strict spec definitions.
- matthewp/script-type-module: A <script type=module> polyfill
- fhinkel/six-speed: ES6 polyfill vs. feature performance tests
- teropa/to-sting: Object.toSting() polyfill
- othiym23/async-listener: polyfill version of the 0.11 version of the asyncListener API
- caridy/es6-micro-loader: ES6 System Loader Polyfill
- WebReflection/import.js: A dynamic import() polyfill
- sindresorhus/object-assign: ES2015 Object.assign() ponyfill
- mathiasbynens/String.prototype.startsWith: A robust & optimized ES3-compatible polyfill for the `String.prototype.startsWith` method in ECMAScript 6.
- janantala/speech-synthesis: Speech Synthesis polyfill
- cujojs/poly: Small, fast, awesome. The only ES5-ish set of polyfills (shims) you can mix-and-match because they're individual modules.
¥Node.js兼容
- Financial-Times/polyfill-library: NodeJS module to create polyfill bundles tailored to individual user-agents.
- Financial-Times/polyfill-library-node: An alternative to core-js for nodeJS environments
- Financial-Times/polyfill-service-url-builder
- ljharb/util.promisify: Polyfill/shim for util.promisify in node versions < v8
- Financial-Times/polyfill-library
¥浏览器兼容
¥浏览器兼容 core
¥渐进增强
- Progressive Enhancement: What It Is, And How To Use It? — Smashing Magazine
- HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki
¥浏览器兼容 libs、plugins、polyfills、tools
¥polyfills
#other polyfills
- paulmillr/console-polyfill: Browser console methods polyfill.
- RubyLouvre/fetch-polyfill: fetch polyfill which supports all mainstream browsers, even IE6, IE7, IE8.....
- aFarkas/html5shiv: This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer.
- paulirish/matchMedia.js: matchMedia polyfill for testing media queries in JS
- scottjehl/Respond: A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)
- philipwalton/polyfill: A library to make creating CSS polyfills much easier.
- GoogleChrome/dialog-polyfill: Polyfill for the HTML dialog element
- wilddeer/stickyfill: Polyfill for CSS `position: sticky`
- Schepp/CSS-Filters-Polyfill: This polyfill takes the official CSS filters syntax and translates it to the different equivalent techniques that the browsers know for those effects
- kmewhort/pointer_events_polyfill: Polyfill to provide support for "pointer-events: none".
- ginader/HTML5-placeholder-polyfill: Small and robust polyfill for the HTML5 placeholder attribut.
- mozilla/webxr-polyfill: A polyfill and example code for building augmented reality (AR) and virtual reality (VR) applications using WebXR.
- borismus/srcset-polyfill: [Warning: not for production code]
- ckrack/scrollsnap-polyfill: A polyfill for CSS scroll snapping
- adobe-webplatform/css-shapes-polyfill: Polyfill for the CSS Shapes Specification
- GoogleChromeLabs/tti-polyfill: Time-to-interactive polyfill
- google/canvas-5-polyfill: HTML 5 Canvas Polyfill
- jimmywarting/FormData: HTML5 `FormData` polyfill for Browsers.
- darius/requestAnimationFrame: Polyfill for requestAnimationFrame/cancelAnimationFrame
- jugglinmike/srcdoc-polyfill: A shim for the iFrame "srcdoc" attribute
- progers/pathseg: SVGPathSeg polyfill
- matthewp/position--sticky-: Polyfill for position: sticky;
- FremyCompany/css-regions-polyfill: A javascript implementation of the CSS Regions specification, as of August 2013
- nicjansma/usertiming.js: UserTiming polyfill
- GoogleChrome/inert-polyfill: Polyfill for the HTML inert attribute
- jonathantneal/EventListener: EventListener Polyfill for IE
- PM5544/scoped-polyfill: Vanilla JavaScript polyfill for scoped style in HTML5, also works with jQuery if you want to.
- googlearchive/HTMLImports: Polyfill implementing the HTMLImports specification
- immersive-web/webxr-polyfill: Use the WebXR Device API today, providing fallbacks to native WebVR 1.1 and Cardboard
- Fyrd/purejs-datalist-polyfill: A pure JS (no jQuery required) implementation of the HTML5 datalist element
- TimPietrusky/background-clip-text-polyfill: A SVG polyfill for -webkit-background-clip: text
- javan/details-element-polyfill: <details>
- mo/abortcontroller-polyfill: Polyfill for the AbortController DOM API and abortable fetch (stub that calls catch, doesn't actually abort request).
- EventSource/eventsource: EventSource client for Node.js and Browser (polyfill)
- facebookarchive/IndexedDB-polyfill: IndexedDB polyfill (via Web SQL Database)
- WICG/inert: Polyfill for the inert attribute and property.
- krambuhl/custom-event-polyfill: Polyfill for creating CustomEvents on IE9/10/11 if native implementation is missing.
- ngx-translate/i18n-polyfill: A speculative polyfill to support i18n code translations in Angular
- bramstein/fontloader: A fontloader polyfill
- tysonmatanich/elementQuery: An element query polyfill you can use today.
- closingtag/calc-polyfill: A Polyfill for CSS3 calc()
- jonathantneal/fitie: An object-fit polyfill for Internet Explorer
- googlearchive/platform: Integrate platform polyfills: load, build, test
- ftlabs/ftcolumnflow: A polyfill that fixes the inadequacies of CSS column layouts
- webcomponents/html-imports: HTML Imports polyfill
- jquery/PEP: Pointer Events Polyfill: a unified event system for the web platform
- filamentgroup/Overthrow: A tiny, no-frills, framework-independent, targeted overflow: auto polyfill for use in responsive design.
- aFarkas/requestIdleCallback: A requestIdleCallback shim/polyfill
- WebReflection/document-register-element: A stand-alone working lightweight version of the W3C Custom Elements specification
- dumbmatter/fakeIndexedDB: A pure JS in-memory implementation of the IndexedDB API
- aFarkas/respimage: respimage is a responsive images polyfill, that loads your images fast and responsibly
- doctyper/reflexie: A grown-up polyfill for a grown-up flexbox.
- jonstipe/color-polyfill: A polyfill for implementing the HTML5 <input type="color"> element in browsers that do not currently support it.
- filamentgroup/snapper: A CSS Snap-Points based carousel (and lightweight polyfill)
- tomdale/ember-network: Universal fetch() polyfill (FastBoot and browser) for Ember apps
- tbosch/autofill-event: A polyfill to fire a change event when the browser auto fills form fields
- Rob--W/chrome-api: Polyfills, libraries and patches to aid Chrome extension developers.
- boyofgreen/ManUp.js: ManUp.js is a polyfill to support the Manifest for Web Apps
- medikoo/next-tick: Environment agnostic nextTick polyfill
- deltakosh/handjs: Hand.js is a polyfill for supporting pointer events on every browser
- weblinc/media-match: Test css media queries in javascript. A faster polyfill for matchMedia support. Follow the project on Twitter @mediamatchjs.
- developit/task-worklet: Task Worklet: explainer, polyfill and demos.
- freqdec/fd-slider: An Unobtrusive Accessible Slider script that can also be used as an HTML5 Input Range polyfill solution
- Stryzhevskyi/rangeSlider: Simple, small and fast vanilla JavaScript polyfill for the HTML5 `<input type="range">` slider element.
- amvtek/EventSource: Provide polyfill to support EventSource in browser where it is not available
- mortzdk/localStorage: A localStorage polyfill, that enables persistent storage of data in every browser.
- alekseykulikov/touch-action: Disable 300ms delay on mobile using CSS touch-action or asynchronously download FastClick as polyfill
- DieterHolvoet/event-propagation-path: Polyfill for the JavaScript Event path/composedPath property
- aFarkas/webshim: [DEPRECATED] Webshims Lib is a modular capability-based polyfill-loading library
- current-script-polyfill - npm
- The Story of the HTML5 Shiv - Paul Irish
- html5shiv.js和respond.min.js - 自_定义 - 博客园
audio-recorder-polyfill
- ai/audio-recorder-polyfill: MediaRecorder polyfill to record audio in Edge and Safari
- Media Recorder Polyfill
AdapterJS
- Temasys/AdapterJS: AdapterJS Javascript Polyfill and Tools for WebRTC - Skylink WebRTC
- SkylinkJS Web SDK » Temasys.io
audioworklet-polyfill
- GoogleChromeLabs/audioworklet-polyfill: 🔊 Polyfill AudioWorklet using the legacy ScriptProcessor API.
- https://googlechromelabs.github.io/audioworklet-polyfill/
better-dateinput-polyfill
- chemerisuk/better-dateinput-polyfill: input[type=date] polyfill for better-dom
- better-dateinput-polyfill demo
background-size-polyfill
- louisremi/background-size-polyfill: Adds support for background-size "cover" and "contain" to IE8
- Stretch background image using CSS3 background-size, in IE8 too.
cssSandpaper
- zoltan-dulac/cssSandpaper: a CSS3 Polyfill that implements CSS3 transforms, box-shadow, gradients, opacity and RGBA/HSL/HSLA colours in browser that don't support them.
- cssSandpaper – a CSS3 JavaScript Library
classList.js
- eligrey/classList.js: Cross-browser element.classList
Captionator
- cgiffard/Captionator: HTML5 polyfill for closed captioning with the <track> element, and implements the WHATWG Timed Text Track specification.
- Captionator.js
CSS.escape
- mathiasbynens/CSS.escape: A robust polyfill for the CSS.escape utility method as defined in CSSOM.
CSS3.js
- gucong3000/CSS3.js: CSS3 polyfill
- Css3.js by gucong3000
custom-elements
- webcomponents/custom-elements: A polyfill for HTML Custom Elements v1
- Polyfills - webcomponents.org
css3-mediaqueries-js
- livingston/css3-mediaqueries-js: CSS3 Media Queries Shim
- Google Code Archive - Long-term storage for Google Code Project Hosting.
css-paint-polyfill
- GoogleChromeLabs/css-paint-polyfill: A polyfill for the CSS Paint API, with special browser optimizations.
- https://googlechromelabs.github.io/css-paint-polyfill/
CustomElements
- googlearchive/CustomElements: Custom Elements Polyfill
- Custom Elements
css-regions-polyfill
- adobe-webplatform/css-regions-polyfill: Experimental CSS Regions polyfill written in JavaScript
- CSS Regions JavaScript Polyfill
css-variables-polyfill
- aaronbarker/css-variables-polyfill: A basic polyfill for CSS Variables/custom-properties
core-estimator
- oftn-oswg/core-estimator: Cross-browser polyfill for navigator.hardwareConcurrency
- navigator.hardwareConcurrency polyfill
clipboard-polyfill
- lgarron/clipboard-polyfill: Sane copying on the web, with maximum browser compatibility.
- clipboard-polyfill/Conclusions.md at master · lgarron/clipboard-polyfill
- clipboard-polyfill
document.scrollingElement
- mathiasbynens/document.scrollingElement: A polyfill for document.scrollingElement as defined in the CSSOM specification.
datalist-polyfill
- mfranzke/datalist-polyfill: Minimal and dependency-free vanilla JavaScript polyfill for the awesome datalist-functionality
- datalist polyfill demo
flexibility
- jonathantneal/flexibility: A JavaScript polyfill for Flexbox
- Flexibility
focus-visible
- WICG/focus-visible: Polyfill for `:focus-visible`
- focus-visible class demo
gray
- karlhorky/gray: Make an image grayscale in all browsers
- Gray
Geolocation-API-Polyfill
- manuelbieh/Geolocation-API-Polyfill: This library provides a consistent Geolocation API for miscellaneous web browsers and also acts as polyfill. It only supports Javascript in a web browser and is not tested and will maybe not work for use in Titanium, P
- Hello! – Manuel Bieh – Freelance Developer. JavaScript. React. Node.js
html5slider
- fryn/html5slider: <input type=range> polyfill for Firefox
- html5slider: <input type=range> for Firefox
HTML5-Progress-polyfill
- LeaVerou/HTML5-Progress-polyfill: Polyfill for the HTML5 <progress> element
- HTML5 <progress> polyfill by Lea Verou
hidpi-canvas-polyfill
- jondavidjohn/hidpi-canvas-polyfill: A JavaScript drop-in module to polyfill consistent and automatic HiDPI Canvas support.
- HiDPI Canvas Polyfill by jondavidjohn
iphone-inline-video
- bfred-it/iphone-inline-video: 📱 Make videos playable inline on the iPhone (prevents automatic fullscreen)
- iphone-inline-video - npm
imagecapture-polyfill
- GoogleChromeLabs/imagecapture-polyfill: MediaStream ImageCapture polyfill. Take photos from the browser as easy as .takePhoto().then(processPhoto)
- MediaStream ImageCapture polyfill demo
jquery.backgroundSize.js
- louisremi/jquery.backgroundSize.js: DEPRECATED, please use its successor: background-size polyfill
jquery-details
- mathiasbynens/jquery-details: World’s first <details>/<summary> polyfill™
- Bulletproof HTML5 <details> fallback using jQuery · Mathias Bynens
keyboardevent-key-polyfill
- cvan/keyboardevent-key-polyfill: polyfill for `KeyboardEvent.prototype.key`
- keyboardevent-key-polyfill demo
local-storage-js
- wojodesign/local-storage-js: Cross Browser HTML5 Local Storage Polyfill
- Full Service Web Agency | Wojo Design | Wojo Design
multirange
- LeaVerou/multirange: A tiny polyfill for HTML5 multi-handle sliders
- Multirange: A tiny polyfill for HTML5 multi-handle sliders.
mdl-stepper
- ahlechandre/mdl-stepper: A library that implements to the Material Design Lite a polyfill of stepper component specified by Material Design.
- MDL Stepper
myth
- segmentio/myth: A CSS preprocessor that acts like a polyfill for future versions of the spec.
- Myth - CSS the way it was imagined.
Navigator.sendBeacon
- miguelmota/Navigator.sendBeacon: Polyfill for Navigator.sendBeacon()
notification.js
- MrSwitch/notification.js: A shim polyfill for adding notifications to browsers which offer limited support
- notification.js
nodep-date-input-polyfill
- brianblakely/nodep-date-input-polyfill: Automatically adds datepickers to input[type=date] on IE, macOS Safari, and legacy browsers.
- nodep-date-input-polyfill - npm
number-polyfill
- jonstipe/number-polyfill: A polyfill for implementing the HTML5 <input type="number"> element in browsers that do not currently support it.
object-fit-images
- bfred-it/object-fit-images: 🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ...
- object-fit-images - npm
Placeholders.js
- jamesallardice/Placeholders.js: A JavaScript polyfill for the HTML5 placeholder attribute
- Placeholders.js - An HTML5 placeholder attribute polyfill
polyfill-service
- Financial-Times/polyfill-service: Automatic polyfill service.
- Polyfill.io
picturePolyfill
- verlok/picturePolyfill: Real picture tag polyfill, to use responsive images today!
- Responsive images using verlok/picturePolyfill - by Andrea Verlicchi
rangeslider.js
- andreruffert/rangeslider.js: 🎚 HTML5 input range slider element polyfill
- rangeslider.js
REM-unit-polyfill
- chuckcarpenter/REM-unit-polyfill: A polyfill to parse CSS links and rewrite pixel equivalents into head for non supporting browsers
- Rem-unit-polyfill by chuckcarpenter
stickybits
- dollarshaveclub/stickybits: Stickybits is a lightweight alternative to `position: sticky` polyfills 🍬
- Stickybits
smoothscroll
- iamdustan/smoothscroll: Scroll Behavior polyfill
- Smooth Scroll behavior polyfill
showModalDialog
- niutech/showModalDialog: window.showModalDialog polyfill using a <dialog> element
- showModalDialog polyfill demo
scroll-into-view-if-needed
- stipsan/scroll-into-view-if-needed: Element.scrollIntoView ponyfills for things like "if-needed" and "smooth"
- Ponyfill for upcoming Element.scrollIntoView() APIs like scrollMode: if-needed, behavior: smooth and block: center
undom
- developit/undom: 🍩 1kb minimally viable DOM Document implementation
- undom - npm
vminpoly
- saabi/vminpoly: A polyfill for CSS units vw, vh & vmin and now some media queries to boot. Works in IE5.5 and Opera Mini
- Sophisticated vw, vh & vmin example
Web-Components-Polyfill
- dglazkov/Web-Components-Polyfill: IMPORTANT: Use http://polymer-project.org/ instead. Their stuff is better.
webvr-polyfill
- immersive-web/webvr-polyfill: Use WebVR today, without requiring a special browser build.
- WebVR Polyfill Demo
webcomponentsjs
- webcomponents/webcomponentsjs: A suite of polyfills supporting the HTML Web Components specs
- Polyfills - webcomponents.org
- Financial Times
¥tools
autopolyfiller
- azproduction/autopolyfiller: Autopolyfiller — Precise polyfills. This is like Autoprefixer, but for JavaScript polyfills.
- Autopolyfiller — Precise polyfills
f2etest
- alibaba/f2etest: F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。
- F2etest | F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。
- kangax/compat-table: ECMAScript 5/6/7 compatibility tables
- Kilian/electron-to-chromium: Provides a list of electron-to-chromium version mappings
- Can I use... Support tables for HTML5, CSS3, etc
- ECMAScript 5 compatibility table
- W3Help - 兼容性 - 根本原因
¥浏览器兼容 资源、整理集&FAQ
¥CSS
- [译] 浏览器中 CSS 支持指南 - 掘金
¥HTML5 测试
- HTML5test - How well does your browser support HTML5?
- HTML5test - How well does your browser support HTML5?
- sitevalidator.com
¥IE测试工具
- olivernn/augment.js: Modern JavaScript in your IE
- gtakat/modern-ie-automate: modern.ie auto launch script
- hnakamur/modern.ie.virtualbox.scripts: setup and start modern.ie virtual machines
- rodrigocorral/modern.ie-ie-plugin
- carloszapata/modern.IE-static-code-scan
- azl397985856/file-writer: fileWriter tool base on web browser by using HTML5 interface(download attr), support mostly modern browser including IE 10+
- charsleysa/zero: Zero began as a fork of Zepto but its inner workings have changed to be compatible with all modern browsers including IE with performance improvements.
- markhuber/modern-ie-vagrant: Vagrant based Modern.IE VMs
- suderman/modernizr-ie: Modernizr tests to check the version of Internet Explorer
- Augment.js - Modern JavaScript
- window.location在IE中路径问题 - cuiyaoqiang的博客 - CSDN博客
- IE11的userAgent - 开心就好的专栏 - CSDN博客
- IE11 修改默认User-Agent方法 - . - CSDN博客
- windows10下的浏览器userAgent - penwa的博客 - CSDN博客
- UA对照表 - 纸上得来终觉浅 - CSDN博客
- IE与其他浏览器的区别 - a464064368的博客 - CSDN博客
- IE 浏览器各个版本 JavaScript 支持情况一览表 - 梦想天空(山边小溪) - 博客园
- IE10、IE11 User-Agent 网站无法写入Cookie 问题[转] - 偷偷有码 - 博客园
- 判断IE版本的HTML语句详解,如:[if lte IE 9]……[endif]_网页制作_西部e网
¥js事件与功能
- JS事件那些事儿 一次整明白 - 掘金
- 初识onkeydown及其兼容性问题 - 极客神殿 - CSDN博客
- jQuery.event兼容各浏览器的event详细解析 - u012028371的博客 - CSDN博客
- 关于event 和 window.event问题及浏览器兼容问题 - ryelqy的博客 - CSDN博客
- e = e || window.event的区别及用法。 - qq_41348029的博客 - CSDN博客
- event的IE兼容性处理 - 碎语1992 - CSDN博客
- Javascript中target事件属性,事件的目标节点的获取。 - dearxiangxiao - 博客园
- JS获取事件的目标 - e.e.p - 博客园
- javascript事件与功能说明大全 - 常用参考表对照表 - 脚本之家在线工具
- window.onbeforeunload,浏览器关闭提示,兼容IE、FF、Chrome - 陕北好地方 - ITeye博客
- chrome弹窗在双屏情况下left居中定位异常分析 - 掘金
- 浏览器兼容性问题解决方案 · 总结 - 掘金
- ie不兼容的几个js问题及解决办法 - CSDN博客
- 兼容多浏览器的本地存储 - 蒋倩兰——蕙质兰心 - CSDN博客
- 一行代码轻松搞定各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 - 小诺 - CSDN博客
- HTML 5 标签、属性、事件及浏览器兼容性速查表 - 梦想天空(山边小溪) - 博客园
- 五大主流浏览器 CSS3 和 HTML5 兼容性大比拼 - 梦想天空(山边小溪) - 博客园
- 各主流浏览器之间的兼容性-JS篇 - 郝高胜 - 博客园
- 12款很棒的浏览器兼容性测试工具推荐 - 梦想天空(山边小溪) - 博客园
- 常用原生JS兼容性写法汇总 - 待繁华落尽 - 博客园
- 关于Chrome浏览器document.body.scrollTop一直为0的问题-好记的博客
- 兼容所有浏览器的设为首页收藏本站js代码_网页特效_进阶教程_ecshop教程_知识堂_ECSHOP模板堂
Can I use...
- Fyrd/caniuse: Raw browser/feature support data from caniuse.com
- Can I use... Support tables for HTML5, CSS3, etc
- remy/polyfills: Collection of polyfills that I've written
- sindresorhus/ponyfill: 🦄 Like polyfill but with pony pureness
- Polyfill 方案的过去、现在和未来 · Issue #80 · sorrycc/blog
¥API/技术文档生成、管理
#RESTful
- r-spacex/SpaceX-API: Open Source REST API for rocket, core, capsule, pad, and launch data
- SvenEV/WinSwag: A UWP app for loading Swagger definitions and exploring REST APIs
- r/SpaceX API Docs
- /
- 理解RESTful架构 - 阮一峰的网络日志
#Swagger
- Swagger
- 中文文档 · Sayi/swagger-diff Wiki
- Sayi (卅一)
- chfree/think-swagger-ui-vuele: swagger ui vuele
- fsbahman/apidoc-swagger: apidoc and swagger are two nice projects which are focusing on documentation of APIs. This project is a middle tier which tries to bring them together in a sense that it uses apidoc to convert inline documentation to json schema and later convert it to swagger json schmea.
- swagger-api/swagger-codegen: swagger-codegen contains a template-driven engine to generate documentation, API clients and server stubs in different languages by parsing your OpenAPI / Swagger definition.
- APIDevTools/swagger-parser: Swagger 2.0 and OpenAPI 3.0 parser/validator
- APIDevTools/swagger-cli: Swagger 2.0 and OpenAPI 3.0 command-line tool
- ardoq/ardoq-swagger-addon: Import Swagger api documentation to Ardoq
- fsprojects/SwaggerProvider: F# generative Type Provider for Swagger
- IG-Group/swagger-search: An application that collects and indexes swagger docs from your microservices architecture
- subeeshcbabu/swagvali: Module to build validators for Swagger(OpenApi) Request parameters and Response objects.
- darklynx/swagger-api-collection: My collection of RESTful API descriptions in Swagger format
- The Best APIs are Built with Swagger Tools | Swagger
- Hosted & Interactive API Documentation | SwaggerHub | Swagger
- Swagger中文配置 - u010046887的专栏 - CSDN博客
- Swagger-强大的API文档工具 - 简书
- Swagger:Rest API的描述语言 - 知乎
- Swagger入门教程 - JoiT - 博客园
- 特别好用的swagger ui 封装 - huanshare - 博客园
- 使用swagger作为restful api的doc文档生成 - 朝雨忆轻尘 - 博客园
- 使用 SwaggerUI 创建 Golang API 文档 - Go语言中文网 - Golang中文社区
- 使用 Swagger 文档化和定义 RESTful API
apizza
- apizza - 极客专属的api管理工具
- HuaFEEng - apizza
api-mocker
- DXY-F2E/api-mocker: Api Mocker is more of an api management system than a mocker 原网站 http://api-mocker.com/ 从2019年11月起已经不再维护。http://api-mocker.com/的一切行为与我们组织无关。
APIJSON
- Tencent/APIJSON: 🏆码云最有价值开源项目 🚀后端接口和文档自动化,前端(客户端) 定制返回 JSON 的数据和结构!🏆Gitee Most Valuable Project 🚀A JSON Transmission Protocol and an ORM Library for automatically providing APIs and Docs.
CrapApi
- 开源API接口管理系统-CrapApi
DOClever
- sx1989827/DOClever: 做最好的接口管理平台
feathers
- feathersjs/feathers: A REST and real-time API layer for Node.js, React Native and the browser.
- Feathers | A REST and real-time API layer for Node.js, React Native and the browser.
jsonstore
- bluzi/jsonstore: jsonstore offers a free and secured JSON-based cloud datastore for small projects
- jsonstore.io / Store your data just by sending us HTTP Requests
rapid.js
- rapidjs/rapid.js: An ORM-like Interface and a Router For Your API Requests
RAP
- thx/rap2-delos: 阿里妈妈前端团队出品的开源接口管理工具RAP第二代
- thx/RAP: Web接口管理工具,开源免费,接口自动化,MOCK数据自动生成,自动化测试,企业级管理。阿里妈妈MUX团队出品!阿里巴巴都在用!1000+公司的选择!RAP2已发布请移步至https://github.com/thx/rap
- 欢迎使用RAP
- RAP2
- 教你使用docker部署淘宝rap2服务 - 糊糊糊糊糊了 - 博客园
redoc
- Redocly/redoc: 📘 OpenAPI/Swagger-generated API Reference Documentation
showdoc
- star7th/showdoc: ShowDoc is a tool greatly applicable for an IT team to share documents online一个非常适合IT团队的在线API文档、技术文档工具
tua-api
- tuateam/tua-api: 🏗 一款可配置的通用 api 请求函数生成工具(A common tool helps converting configs to api functions)
- tua-api
TypeDoc
- TypeStrong/typedoc: Documentation generator for TypeScript projects.
- Home | TypeDoc
yapi
- YMFE/yapi: YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台
- hellosean1025/yapi-gen-js-code: 根据 YApi 的接口定义生成 javascript 的请求函数,目前内置了 axios 请求模板
- inceptiongt/Yapi-plugin-export-docx-data: plugin for Yapi that can export data as docx
- YApi: YApi 是高效、易用、功能强大的 api 管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务
- YApi 接口管理平台
- YApi 接口管理平台
- YApi-高效、易用、功能强大的可视化接口管理平台
- 使用 YApi 管理 API 文档,测试, mock - 掘金
¥网站开发常用 API
¥Amazon
¥Amazon Cloudwatch
- lazywithclass/winston-cloudwatch: Send logs to Amazon Cloudwatch using Winston.
¥Amazon Cognito Identity SDK
- amazon-archives/amazon-cognito-identity-js: Amazon Cognito Identity SDK for JavaScript
¥Amazon ES
- TheDeveloper/http-aws-es: Use the elasticsearch-js client with Amazon ES
¥Amazon Web Services,AWS
AWS Amplify
- aws-amplify/amplify-js: A declarative JavaScript library for application development using cloud services.
- amazon-archives/aws-amplify-vue: A Vue.js starter app integrated with AWS Amplify
AWS AppSync SDK
- awslabs/aws-mobile-appsync-sdk-js: JavaScript library files for Offline, Sync, Sigv4. includes support for React Native
AWS Cloud Development Kit,AWS CDK
- aws/aws-cdk: The AWS Cloud Development Kit is a framework for defining cloud infrastructure in code
AWS Encryption SDK
- aws/aws-encryption-sdk-javascript: AWS Encryption SDK for Javascript and Node.js
AWS IoT SDK
- aws/aws-iot-device-sdk-js: SDK for connecting to AWS IoT from a device using JavaScript/Node.js
AWS SDK
- aws/aws-sdk-js: AWS SDK for JavaScript in the browser and Node.js
- dwyl/aws-sdk-mock: AWSomocks for Javascript/Node.js aws-sdk tested, documented & maintained. Contributions welcome!
- amazon-archives/aws-sdk-react-native: AWS SDK for React Native (developer preview)
- peerlibrary/meteor-aws-sdk: SDK for AWS services including Amazon S3, Amazon EC2, DynamoDB, and Amazon SWF
- aws/aws-sdk-js-v3: Modularized AWS SDK for JavaScript.
AWS X-Ray SDK
- aws/aws-xray-sdk-node: The official AWS X-Ray SDK for Node.js.
- Amazon Web Services
¥other 网站开发常用 API
- shieldfy/API-Security-Checklist: Checklist of the most important security countermeasures when designing, testing, and releasing your API
- ethereum/EIPs: The Ethereum Improvement Proposal repository
- electron/electron-api-demos: Explore the Electron APIs
- cloudfetch/cloudquery: Turn any website to serverless API (support SPA!)
- MZCretin/RollToolsApi: 一个提供开发中常用数据的一个稳定聚合Api接口源,运行于独立服务器,免费,且长期维护,会持续添加新的接口!
- TonnyL/Awesome_APIs: A collection of APIs
- CodeDaraW/douban-box: 📚🎬🎵更新豆瓣用户的书影音数据到 Gist !
- tikalk/commandcar: curl on steroids
- MikeRalphson/bbcapis: Nodejs-based utilities, SDK to consume BBC Nitro, iBL and /programmes APIs
- amardeshbd/medium-api-specification: API spec for medium.com using OpenAPI Specification (aka Swagger 2.0). Generates PHP, Java, Python, Go, Android, Objective-C and many more client SDK.
- APIs-guru/asyncapi-directory: ⇄ Directory of asynchronous API specifications in AsyncAPI format
- AnyAPI
- DataFire - Build APIs and Integrations to process, serve, and sync your data
- The fastest way to integrate APIs and run code - Pipedream
- SDKS.IO - Find SDKs
- Cenit IO | open integration Platform(iPaaS)
- Intercept, debug & mock HTTP with HTTP Toolkit
- BitScoop - The API Integration Platform
- API tooling development: GraphQL, OpenAPI | APIs.guru
- HN Search powered by Algolia
- developers.douban.com
- https://api.ipify.org/?format=json
- pv.sohu.com/cityjson?ie=utf-8
- https://forterli.gitee.io/project/mini_program/tv_video/data/tvListInfo1.1.5.txt
- 开放通用Api,总有你喜欢的 - 掘金
- 中国大陆可用API合集 - 工具资源 - 掘金
- 对api请求封装的探索和总结 - 掘金
- 10个打开了我新世界大门的 WebAPI
- 域名与网站备案所需要的资料有哪些 - 知乎
¥阿里API
#阿里云API
- aliyun/aliyun-openapi-java-sdk: Alibaba Cloud SDK for Java
- Aliyun Java Initializr
- 阿里云api平台 -帮助文档- 阿里云
- FileZilla使用手册(MAC版)_网站上传/下载_用户指南_云虚拟主机-阿里云
- 阿里云开发者社区-阿里云官网开发者社区_云计算社区
- 开发者藏经阁-阿里云开发者社区
- 开放下载!新品发布产品资料|持续更新中-阿里云开发者社区
- 开放下载!新品发布产品资料|持续更新中-阿里云开发者社区
- 再招5000人!2020阿里云峰会透露了哪些核心信息?(附14个资料下载)-阿里云开发者社区
- 首页 - 教程中心 - 阿里云
- 阿里邮箱企业版
- 主机管理平台
- 阿里云服务器ECS配置及LAMP环境搭建及配置(新手攻略第一弹) - 掘金
¥腾讯API
#腾讯云API
- tencentyun/TIMSDK: 腾讯云即时通信 IM 服务,国内下载镜像:
- 腾讯云 - 产业智变 云启未来
- 腾讯云文档中心 - 腾讯云
- 腾讯云-控制台
- 账号信息 - 控制台
- 云开发低码 LowCode _低代码平台_可视化开发服务 - 腾讯云
- 腾讯云开发者平台 | 技术助力开发
- QQ音乐 | 移动WEB开放平台 - 接口文档
¥华为API
#HarmonyOS
- 应用开发-华为鸿蒙HarmonyOS
- HUAWEI DevEco Studio-华为鸿蒙HarmonyOS应用开发
#华为云API
DevCloud
- 软件开发平台DevCloud_DevOps_开发者平台-华为云
- 大厂是如何用DevCloud流水线实现自动化部署Web应用的?
- 帮助中心首页-华为云
- 华为云-提供云计算服务 +智能,见未来
¥百度API
#百度翻译API
- 百度翻译开放平台
#百度云API
- 百度智能云-计算无限可能
#百度AI
- 百度AI开放平台-全球领先的人工智能服务平台
- 人机审核平台_人机审核-百度AI开放平台
¥网易API
#有道智云
- 有道智云AI开放平台
- 有道智云
- 网易邮箱帐号安全中心
¥七牛云API
#七牛云图床
- qiniu/js-sdk: 基于七牛 API 开发的前端 JavaScript SDK
- 在markdown中使用图床+七牛云存储实现快速外链贴图 - 吴渣渣的博客 - CSDN博客
- 尝试使用七牛作为图床 - xinhuasz - CSDN博客
- hexo,使用七牛图床 - 看写写 - CSDN博客
- 使用七牛云作为图床获取外链方式总结 - strivebo - CSDN博客
- 用七牛做图床-同步工具qrsbox - 公子专栏 - CSDN博客
- 七牛图片上传的使用心得 - shuzipai的博客 - CSDN博客
- 六四、使用JS-SDK上传图片(文件)到七牛 - 梅某某 - CSDN博客
- 从微信图片选择接口到七牛云图床(java+js) - qq_24023703的博客 - CSDN博客
- 如何利用七牛云在线存储图片 - cloud_guo的博客 - CSDN博客
- 七牛云存储搭建图床 - 许博文的专栏 - CSDN博客
- 拥抱云计算——七牛云图床 - qq_24023703的博客 - CSDN博客
- willnewii/qiniuClient: 云存储管理客户端。支持七牛云、腾讯云、青云、阿里云、又拍云、亚马逊S3、京东云,仿文件夹管理、图片预览、拖拽上传、文件夹上传、同步、批量导出URL等功能
- 七牛云 - 国内领先的企业级云服务商
- 七牛开发者中心
¥可道云API
- kalcaddle/KodExplorer: A web based file manager,web IDE / browser based code editor
- 可道云-私有云存储&协同办公平台_企业网盘_企业云盘_网盘_云盘
IP
- https://ipapi.co/json
listen1-api
- listen1/listen1-api: One API for all free music in China
- listen1-api - Produce universal library with webpack and es6
OpenAPI
openapi-generator
- OpenAPITools/openapi-generator: OpenAPI Generator allows generation of API client libraries (SDK generation), server stubs, documentation and configuration automatically given an OpenAPI Spec (v2, v3)
OpenAPI-Specification
- OAI/OpenAPI-Specification: The OpenAPI Specification Repository
- toddmotto/public-apis: A collective list of public JSON APIs for use in web development.
- APIs-guru/openapi-directory: 🌐 Wikipedia for Web APIs. Directory of REST API definitions in OpenAPI 2.0/3.0 format
- OpenAPI-Specification/schema.json at master · OAI/OpenAPI-Specification
- OpenAPI-Specification/schema.json at master · OAI/OpenAPI-Specification
- faragorn/open-api-specs: My private library of OpenAPI (formerly Swagger) definitions for different APIs
- Mermade/openapi-gui: GUI / visual editor for creating and editing OpenAPI / Swagger definitions
- APIs-guru/awesome-openapi3: 😎 A list of awesome projects related to OpenAPI 3.0.x, curated by the community
- apisyouwonthate/openapi.tools: A collection of Editors, Linters, Parsers, Code Generators, Documentation, Testing
- httptoolkit/openapi-directory-js: Building & bundling https://github.com/APIs-guru/openapi-directory for easy use from JS
tiny云
- The Most Advanced WYSIWYG HTML Editor | TinyMCE
网易云API
- Binaryify/NeteaseCloudMusicApi: 网易云音乐 Node.js API service
- disoul/electron-cloud-music: 网易云音乐 Electron 客户端
- darknessomi/musicbox: 网易云音乐命令行版本
- sqaiyan/netmusic-node: 网易云音乐接口
- sqaiyan/NeteaseMusicWxMiniApp: 仿网易云音乐APP的微信小程序
- 网易云音乐 NodeJS 版 API
经纬度
country-coder
- ideditor/country-coder: 📍➡️ 🇩🇰 Convert longitude-latitude pairs to ISO 3166-1 codes quickly and locally
- 在线地图经度纬度查询 — 经纬度查询地名|地名查询经纬度 —GPSspg
短地址
- 百度短网址
- DigitalOcean – The developer cloud
$other JS libs、plugins&tools
axecore
- AXErunners/axecore-lib: a pure and powerful JavaScript library for AXE
- AXErunners/axecore-mnemonic: BIP39 Mnemonics
ccxt
- ccxt/ccxt: A JavaScript / Python / PHP cryptocurrency trading library with support for more than 100 bitcoin/altcoin exchanges
nylas-mail
- nylas/nylas-mail: An extensible desktop mail app built on the modern web. Forks welcome!
- javascript-library · GitHub Topics
- ncase/trust: An interactive guide to the game theory of cooperation
- o2team/wxapp-market: 小程序营销组件,Marketing components for WeChatApp
- hujiulong/gcoord: A JS library for converting geographic coordinate system, support WGS84, BD09, GCJ02 and others
- Kenshin/simpread: 简悦 ( SimpRead ) - 让你瞬间进入沉浸式阅读的扩展
- tehnokv/picojs: A face detection library in 200 lines of JavaScript
- glidejs/glide: A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
- gaearon/subliminal: An opinionated minimalistic VS Code theme for JavaScript
- aws/aws-amplify: A declarative JavaScript library for application development using cloud services.
- os-js/OS.js: JavaScript Cloud/Web Desktop Platform
- zingchart/zingtouch: A JavaScript touch gesture detection library for the modern web
- jakubfiala/atrament.js: Tiny JS library for beautiful drawing and handwriting on the HTML Canvas.
- microstates/microstates.js: Composable State Primitives for JavaScript
- gothinkster/realworld: "The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more 🏅
- rwv/chinese-dos-games-web: 🌐 Source code of https://dos.zczc.cz
- reactioncommerce/reaction: Reaction is a customizable, real-time reactive, JavaScript commerce platform.
- victorqribeiro/isocity: A isometric city builder in JavaScript
- zpfz/ViLike.js: 👀👍 A lightweight visit & like count javascript plugin.
- Automated browser testing for the modern web development stack | TestCafe
- Prototype JavaScript framework: a foundation for ambitious web applications
- Feature.js
- 国庆八天教你怎么写出一个钢琴🎹 | 掘金技术征文-双节特别篇
- (11 封私信 / 74 条消息) 作为WEB前端开发,大家都知道那些方便的js扩展库呢? - 知乎
- 前端库 - 前端开发,JQUERY特效,全栈开发,vue开发
- Odyssey.js
$文本、元素、组件&布局
¥表单元素组件
¥Sheet&文档处理
handsontable
- Handsontable
- handsontable/handsontable: JavaScript/HTML5 UI Spreadsheet library for web apps. Available for React, Vue and Angular.
jexcel
- paulhodel/jexcel: jExcel is a lightweight vanilla javascript plugin to create amazing web-based interactive tables and spreadsheets compatible with Excel or any other spreadsheet software.
kkFileView
- kekingcn/kkFileView: 使用spring boot打造文件文档在线预览项目解决方案,支持doc、docx、ppt、pptx、xls、xlsx、zip、rar、mp4,mp3以及众多类文本如txt、html、xml、java、properties、sql、js、md、json、conf、ini、vue、php、py、bat、gitignore等文件在线预览
Luckysheet
- mengshukeji/Luckysheet: Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
- Luckysheet Document
mintable
- kevinschaich/mintable: Roll-your own Mint clone for managing personal finances using the Google Sheets and Plaid APIs.
sheetJS
- SheetJS/sheetjs: SheetJS Community Edition -- Spreadsheet Data Toolkit
- SheetJS/js-xlsx: SheetJS Community Edition -- Spreadsheet Parser and Writer
- SheetJS - Home
- Package - xlsx
- xlsx · docs
- JS-XLSX读取Excel文件中文API帮助文档 - 开源文档 - 问说网
- SheetJS---(js-xlsx) - CSDN博客
spreadJS
- SpreadJS - 纯前端表格控件|可嵌入系统开发的在线Excel - 葡萄城官网
- SpreadJS学习指南-SpreadJS纯前端表格控件|在线Excel-葡萄城官网
- 主页 | 主页 | 学习指南 - SpreadJS 纯前端表格控件|可嵌入系统开发的在线Excel – 葡萄城官网
- SpreadJS与Vue集成,苏宁集团“极客办公”系统开发案例 - 葡萄城技术博客
xlsx2json
- koalaylj/xlsx2json: 让excel支持复杂的json格式(对象,数组,数字,boolean,字符串),将xlsx文件转成json。
x-spreadsheet
- myliang/x-spreadsheet: a javascript spreadsheet for web
¥表格
colResizable
- ybx13579/resize-table-th: colResizable.js---可手动拖动/滑动th/td 。 改变列宽
- colResizable – Resizing HTML Tables & Columns Made Easy | jQuery Plugins
- jquery - colResizable on dynamic table not working - Stack Overflow
- colResizable – Resizable columns and tables
- colResizable Download
- 解决colResizable插件overflow和flex模式单元格最小宽度问题 - CSDN博客
- colResizable的替代品,自定义列宽调整 - CSDN博客
- jQuery可调整表和列宽插件-colResizable - CSDN博客
- jQuery调整表列插件__colResizable - Zz_maker - 博客园
- jQuery插件来调整表列的大小colResizable.js 拖动改变单元格宽度_HTML教程-织梦者
DataTables
DataTables core
- DataTables/DataTables: Tables plug-in for jQuery
- DataTables/DataTablesSrc: DataTables source repository
- ssy341/datatables-cn: Datatables—— jquery 插件中文网
- Issues · ssy341/datatables-cn
- DataTables | Table plug-in for jQuery
- DataTables | Table plug-in for jQuery
- Datatables 中文网
- Datatables 中文网
- DataTables 中文网博客
- 参考 Datatables中文网
- datatables.club/blog/js/tomato.js
- Editor | Editing for DataTables
- Recent Discussions — DataTables forums
- DT-code {beta 0.341}
DataTables libs、plugins&tools
DataTables 插件 Amaze UI 集成
- amazeui/datatables: jQuery DataTables 插件 Amaze UI 集成
- Amaze UI DataTables | Amaze UI 插件
- DataTables/Plugins: Plug-ins for DataTables
- rweng/jquery-datatables-rails: jquery-datatables gem for rails
- gregnb/mui-datatables: Datatables for React using Material-UI - https://www.material-ui-datatables.com
- l-lin/angular-datatables: DataTables using angular directives (Maintainers WANTED)
DataTables 资源、整理集&FAQ
- 4. Warning: Requested unknown parameter
- DataTables example - Excel - Customise borders
- FixedColumns
- preXhr
- DataTables example - Javascript sourced data
- ASK Mobile
- jQuery.datatables.js插件用法及api实例详解_jquery_脚本之家
- jquery datatable服务端分页_jquery_脚本之家
- jQuery插件DataTable使用方法详解(.Net平台)_jquery_脚本之家
- jquery.datatables.js的使用,读取后端传来的json到table中 - writeademo的个人页面
- jquery datatables 的常见参数配置 - 看一场塞北的雪 - 博客园
- JQuery插件之Jquery.datatables.js用法及api - 墨韵明空 - 博客园
- 控制Datatables元素的位置(dom) 选项(option) 参考(reference) Datatables 中文网
- 给每一列添加下拉框搜索 API 示例 Datatables中文网
- option order 设置排序列(去掉第一列的排序和小图标) 《不定时一讲》 DataTables中文网
- DataTables固定表格宽度(设置横向滚动条) - 追极 - 博客园
GridManager
- baukh789/GridManager: 表格组件GridManager: 快速、灵活的对Table标签进行实例化,让Table标签充满活力。
- GridManager配置与使用 - 掘金
pagination
- csdoker/csdwheels: 一套基于原生JavaScript开发的插件,无依赖、体积小
- blog-data/简单分页 at master · accforgit/blog-data
- KELEN/kPagination: 纯js分页插件
- ultimate-pagination/ultimate-pagination: Universal pagination model generation algorithm that can be used to build a UI component
- csdwheels
- 手把手教你用原生JavaScript造轮子(1)——分页器(最后更新:Vue插件版本,本篇Over!) - 掘金
- 原生 JS实现一个简单分页插件 - 掘金
- kPagination-纯js实现分页插件 - 掘金
tabulator
- olifolkerd/tabulator: Interactive Tables and Data Grids for JavaScript
- Tabulator
- 分享12款 JavaScript 表格控件(DataGrid) - 梦想天空(山边小溪) - 博客园
- Table Dragger - 简单的 JS 拖放排序表格插件 - 梦想天空(山边小溪) - 博客园
¥表单
survey-library
- surveyjs/survey-library: JavaScript Survey and Form Library
复选框
- 你见过吗?9款超炫的复选框(Checkbox)效果 - 梦想天空(山边小溪) - 博客园
日历&时间日期选择
bootstrap-datetimepicker
- smalot/bootstrap-datetimepicker: Both Date and Time picker widget based on twitter bootstrap (supports Bootstrap v2 and v3)
- uxsolutions/bootstrap-datepicker: A datepicker for twitter bootstrap (@twbs)
- DateTime Picker · Bootstrap
- DateTime Picker · Bootstrap - Demo page
daterangepicker
- dangrossman/daterangepicker: JavaScript Date Range, Date and Time Picker Component
- Date Range Picker — JavaScript Date & Time Picker Library
- 日期时间范围选择插件-daterangepicker使用总结 - CSDN博客
- daterangepicker 时间区间选择 - CSDN博客
- javascript - 如何用moment实现期望时间与当前时间之间的天数? - SegmentFault 思否
- JS判断当前日期为当月的第几周和当年的第几周_郁郁聪聪_新浪博客
- 使用moment.js轻松管理日期和时间_Helloweba
- Date Range Picker时间插件非常不错,主要体现在选择一个时间区间 - sweeeper - 博客园
- moment.js获取当前日期是当年的第几周 - xiaoxiao001 - 博客园
- js 获取每月有几周,根据年月周获取该周从周一到周日的日期等方法 - 渝~~~ - 博客园
datetimepicker
- amazeui/datetimepicker: Amaze UI styled bootstrap-datetimepicker.
- Amaze UI Datetime Picker | Amaze UI 插件
tui.calendar
- nhnent/tui.calendar: 🍞📅A JavaScript calendar that has everything you need.
- brnrds/ngx-tui-dev
- lkmadushan/vue-tuicalendar: Vue.js wrapper for TOAST UI Calendar
- tui.calendar/getting-started.md at master · nhnent/tui.calendar
- flatpickr/flatpickr: lightweight, powerful javascript datetimepicker with no dependencies
- Picker组件的设计与实现
- 精心挑选12款优秀的 JavaScript 日历和时间选择插件 - 梦想天空(山边小溪) - 博客园
- 16款最佳的 jQuery Time Picker 时间选择插件 - 梦想天空(山边小溪) - 博客园
- ClockPicker – 时钟风格 Bootstrap 时间选择器 - 梦想天空(山边小溪) - 博客园
- 原生js calendar日历控件点击text文本框弹出日期时间选择器
- 原生js calendar日历选择控件制作点击text文本框弹出日历选择器选择日期
- 原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间
- 原生JS calendar日历选择控件鼠标点击text文本框弹出日历选择器
- jquery datepicker日期选择插件鼠标点击text文本框弹出两排日期选择器代码
- jquery date选择日历控件鼠标点击text文本框弹出日期选择
- 原生js日期控件带时分秒点击text文本框选择日期时分秒
- jquery.datePicker日期选择器text文本框弹出日期表
- 产品:我想要一个这样的日期时间选择界面!!!
下拉选择器
bootstrap-multiselect
- davidstutz/bootstrap-multiselect: JQuery multiselect plugin based on Twitter Bootstrap.
- Bootstrap Multiselect
- davidstutz (David Stutz)
- 多选下拉控件multiselect使用小结 - CSDN博客
- JS组件系列——两种bootstrap multiselect组件大比拼 - 推酷
- Bootstrap Multiselect中文api - CSDN博客
chosen
- amazeui/chosen: Amaze UI styled jQuery Chosen plugin.
- Amaze UI Chosen | Amaze UI 插件
chosen
- Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
- harvesthq/chosen: Chosen is a library for making long, unwieldy select boxes more friendly.
DropKick
- Dropkick.js
- Robdel12/DropKick: A JavaScript plugin for creating beautiful, accessible, and painless custom dropdowns.
- Dropkick.js
ddSlick
- ddSlick - a jQuery plugin for custom drop down with images
- prashantchaudhary (Prashant Chaudhary)
distpicker
- Distpicker
- fengyuanchen/distpicker: A simple jQuery plugin for picking provinces, cities and districts of China. (中国 / 省市区 / 三级联动 / 地址选择器)
EasyDropDown
- patrickkunka/easydropdown: A lightweight library for building beautiful styleable <select> elements
- EasyDropDown – 很棒的下拉菜单,含精美主题 - 梦想天空(山边小溪) - 博客园
FancySelect
- paulstraw/FancySelect: A better select for discerning web developers everywhere.
multiple-select
- wenzhixin/multiple-select: A jQuery plugin to select multiple elements with checkboxes :)
- Multiple Select
- wenzhixin (文翼)
- Bootstrap Table Examples
- Multiple Select
select2
- select2/select2: Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
- Getting Started | Select2 - The jQuery replacement for select boxes
selectize.js
- selectize/selectize.js: Selectize is the hybrid of a textbox and <select> box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
- Selectize.js
- TerryZ/SelectPage: A simple style and powerful selector, including ajax remote data, autocomplete, pagination, tags, i18n and keyboard navigation features
- TerryZ/SelectMenu: Simple, easily and diversity menu solution
- 自制的操作下拉列表框(SELECT)的三个jquery插件(ajax填充、联动、增加选项) - 天天无用 - 博客园
- 下拉菜单「点击外面关闭」的终极解决方案 - 掘金
- Selectize – 用于标签和下拉列表功能的选择控件 - 梦想天空(山边小溪) - 博客园
- Mega Dropdown - 带子分类的响应式下拉菜单 - 梦想天空(山边小溪) - 博客园
- 中国省市区地址三级联动jQuery插件
输入框&搜索框
libphonenumber-js
- catamphetamine/libphonenumber-js: A simpler (and smaller) rewrite of Google Android's libphonenumber library in javascript
tagsinput
- amazeui/tagsinput: jQuery tags input plugin based on Amaze UI 2.x.
- Amaze UI Tags Input | Amaze UI 插件
- welearnmore/chrome-extension-demos: 《Chrome Extension 入门指南》配套 Demos
- welearnmore/chrome-extension-book: 《Chrome Extension 入门指南》
开关&切换
switch
- Amaze UI Switch | Amaze UI 插件
- amazeui/switch: Turn checkboxes and radio buttons in toggle switches. Forked from Bootstrap Switch.
SwitchButton
- kyleduo/SwitchButton: A cute widget of Switch Button for you to create beautiful and friendly UI.
插入符caret
Caret.js
- ichord/Caret.js: Get caret postion and offset from text field
表单填写进度
Fort.js
- Degico/Fort.js: Modern progress bar for form completion.
表单验证库
async-validator
- yiminghe/async-validator: validate form asynchronous
Parsley.js
- guillaumepotier/Parsley.js: Validate your forms, frontend, without writing a single line of javascript
validator.js
- validatorjs/validator.js: String validation
- jaywcjlove/validator.js: 轻量级的JavaScript表单验证,字符串验证。没有依赖,支持UMD,~3kb。
- sofish/validator.js: 一个简单、轻量级,但功能强大的 Validator 组件
validate.js
- rickharrison/validate.js: Lightweight JavaScript form validation library inspired by CodeIgniter.
- yairEO/validator: HTML form validation. Perfectly made for all scenerios, lightweight, semantic & easy to use
- jpillora/verifyjs: Verify.js - A powerful, customizable asynchronous validation library
- 前端工具 - 15个最佳的 JavaScript 表单验证库 - 梦想天空(山边小溪) - 博客园
自动化表单
Bootstrap-Form-Builder
- minikomi/Bootstrap-Form-Builder: Web app for drag drop building bootstrap forms.
formio.js
- formio/formio.js: JavaScript powered Forms with JSON Form Builder
form-render
- alibaba/form-render: 🚴♀️ 易用的跨组件体系的表单渲染引擎 - 通过 JSON Schema 快速生成自定义表单配置界面
- Form Render
- Form Render
formily
- alibaba/formily: Alibaba Group Unified Form Solution.
- Formily
json-formatter
- callumlocke/json-formatter: Makes JSON/JSONP easy to read.
jsonform
- jsonform/jsonform: Build forms from JSON Schema. Easily template-able. Compatible with Bootstrap 3 out of the box.
- JSON Form Playground
json-forms
- brutusin/json-forms: JSON Schema to HTML form generator, supporting dynamic subschemas (on the fly resolution). Extensible and customizable library with zero dependencies. Bootstrap add-ons provided
- brutusin.org/json-forms/
json-schema-form
- JSON Schema Form
json-formatter-js
- mohsen1/json-formatter-js: Render JSON objects in beautiful HTML (pure JavaScript)
safari-json-formatter
- rfletcher/safari-json-formatter: A Safari extension which makes valid JSON documents human-readable.
- jdorn/json-editor: JSON Schema Based Editor
- daniel-dx/json-editor-custom: Describe how to customize json-editor
- pubkey/rxdb: ⛁ A realtime Database for JavaScript Applications
- tdegrunt/jsonschema: JSON Schema validation
- diegohaz/schm: Composable schemas for JavaScript and Node.js
- APIDevTools/json-schema-ref-parser: Parse, Resolve, and Dereference JSON Schema $ref pointers in Node and browsers
- Limenius/symfony-react-sandbox: Example of integration with React and Webpack (Webpack Encore) for universal (isomorphic) React rendering, using Limenius/ReactBundle and Limenius/LiformBundle
- deliveryhero/serverless-aws-documentation: Serverless 1.0 plugin to add documentation and models to the serverless generated API Gateway
- korzio/djv: Dynamic JSON Schema Validator - Supports draft-04/06
- yourtion/vue-json-ui-editor: Edit JSON in UI form with JSON Schema and Vue.js
- bimohxh/jsonon: A json online view
- ismaelga/react-json-editor: A dynamic form component for react using JSON-Schema.
- farolfo/raml-server: run a mocked server JUST based on a RAML API's definition .. zero coding
- Limenius/liform-react: Generate forms from JSON Schema to use with React (& redux-form)
- cloudflare/json-schema-tools: Packages for working with JSON Schema and JSON Hyper-Schema
- epoberezkin/ajv-keywords: Custom JSON-Schema keywords for Ajv validator
- epoberezkin/ajv-errors: Custom error messages in JSON-Schema for Ajv
- wework/json-schema-to-openapi-schema: A little NodeJS package to convert JSON Schema to OpenAPI Schema Objects
- Jac21/SkillSet: ✨ Intuitive job-candidate skill visualization, taking advantage of D3.js and JSONResume.
- TechniqueSoftware/react-json-schema: Configure and build views using JSON schemas mapped to React components
- adobe/xdm: Experience Data Model
- win-winFE/dms: 基于Json Schema的动态Json数据配置平台
- benjamin-allion/json-node-normalizer: 'json-node-normalizer' - NodeJS module that normalize json data types from json schema specifications.
¥列表
滑动删除
- html里列表滑动删除的实现如此简单 - 掘金
滚动列表
- Richard-Choooou/sticky-list-headers: sticky list headers, 滚动列表固定头部的库
多级列表树插件
bootstrap-treeview
- bootstrap-treeview中文API 以及后台JSON数据处理 - instr - 博客园
- bootstrap-treeview 中文api - CSDN博客
- bootstrap-treeview插件使用 - CSDN博客
- jQuery多级列表树插件bootstrap-treeview
- bootstrap-treeview | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- jonmiles/bootstrap-treeview: Tree View for Twitter Bootstrap -
- Bootstrap Tree View
- Bootstrap TreeView
tree
- amazeui/tree: jQuery tree plugin based on Amaze UI.
- Amaze UI Tree | Amaze UI 插件
zTree
- Home [zTree -- jQuery 树插件]
- API 文档 [zTree -- jQuery 树插件]
- zTree/zTree_v3: jQuery Tree Plugin
基于拖放的树形编辑器
- Treed – 基于拖放 操作的,强大的树形编辑器 - 梦想天空(山边小溪) - 博客园
¥自动完成
awesomplete
- LeaVerou/awesomplete: Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
- Awesomplete: Ultra lightweight, highly customizable, simple autocomplete, by Lea Verou
- www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fleaverou.github.io%2Fawesomplete%2F&h=9500&c=&n=awesomplete
- LeaVerou/awesomplete: Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
Bootstrap-3-Typeahead
- bassjobsen/Bootstrap-3-Typeahead: The Typeahead plugin from Twitter's Bootstrap 2 ready to use with Bootstrap 3 and Bootstrap 4
- bootstrap3-typeahead 文本自动补全填充 - chen_lay的博客 - CSDN博客
- jquery表单制作text文本框autocomplete智能搜索提示框效果
¥信息展现、提示、消息通知组件
¥ContextMenu
bootstrap-contextmenu
- JS组件系列——Bootstrap右键菜单解决方案:ContextMenu - 懒得安分 - 博客园
- sydcanem/bootstrap-contextmenu: Context menu plugin for Twitter's Bootstrap framework
ContextMenu
- JQuery右键菜单插件ContextMenu使用指南 - 三味线的铲屎官的博客 - CSDN博客
- Jquery 右键菜单(ContextMenu)插件使用记录 - 技术狂 - 博客园
- A Beautiful Site
jQuery-contextMenu
- swisnl/jQuery-contextMenu: jQuery contextMenu plugin & polyfill
- jQuery contextMenu (2.x)
- 基于contextMenu的右键菜单demo-CSDN下载
- jQuery contextMenu使用 - 今木。非昔木 - 博客园
- 如何使用jQuery-ContextMenu实现右击菜单 - StarryFan - 博客园
- jquery-contextmenu - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!
¥ProgressBar
H5粒子效果进度条
- 简直要逆天!超炫的 HTML5 粒子效果进度条 - 梦想天空(山边小溪) - 博客园
nprogress
- rstacruz/nprogress: For slim progress bars like on YouTube, Medium, etc
ProgressBar.js
- ProgressBar.js - Progress bars with JavaScript
- kimmobrunfeldt/progressbar.js: Responsive and slick progress bars
- ProgressBar.js – 漂亮的响应式 SVG 进度条
- ProgressBar.js - Progress bars with JavaScript
- bug7a/progressbar.js: (Javascript) Animated, multiple progress bar control and tiny chart (sparkline)
progress.js
- Progress.js - Themeable progress bar library
- usablica/progress.js: ProgressJs is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.
Sonic
- Azure/SONiC: Landing page for Software for Open Networking in the Cloud (SONiC) - http://azure.github.io/SONiC/
- padolsey/sonic.js: Create loopy loading animations
- Software for Open Networking in the Cloud - SONiC
- Sonic Creator - Create your own canvas/gif/css3 loader
- aarondo/progression.js: A jQuery plugin that gives users real time hints & progress updates as they complete forms
- craigbuckler/progressive-image.js: A lazy-loading progressive image similar to those seen on Facebook and Medium.
- qiao/ProgressCircle.js: A progress indicator in HTML5 canvas
- processing/p5.js-web-editor: In progress p5.js web editor, coming soon.
- m42e/impress.js-progress: Progressbar and pagexounter for impress.js presentation
- mdix/progress.js: A (animated) javascript progress bar without dependencies.
- ejb/progressor.js: Lightweight, customisable progress bars for HTML5 video & audio
¥Progress Management
dom-wait
- f/dom-wait: Complex Loader and Progress Management for Vanilla JS
- watir-dom-wait | RubyGems.org | Ruby 社区 Gem 托管
¥弹窗效果
bDialog
- TerryZ/bDialog: Extend the Bootstrap Modal features, making dialog more functions and easier to use, dialog type including modal, alert, mask and toast types
- bDialog可多层嵌套,高定制化的模态窗口
bootboxjs
- Bootbox.js — alert, confirm and flexible dialogs for the Bootstrap framework
- makeusabrew/bootbox: Wrappers for JavaScript alert(), confirm() and other flexible dialogs using Twitter's bootstrap framework
jQuery Modal(模态窗口)插件
Avgrund.js
- voronianski/jquery.avgrund.js: Avgrund is jQuery plugin with new modal concept for popups
- Avgrund Modal
Bootstrap Image Gallery
- blueimp/Bootstrap-Image-Gallery: This project is deprecated in favor of blueimp Gallery.
- michaelsoriano/bootstrap-photo-gallery: jQuery plugin that converts your list of images into a grid-based gallery on Bootstrap 4. Supports larger view in a modal with next / previous controls
Boxer
- FormstoneClassic/Boxer: A jQuery plugin for displaying images and content in a modal overlay.
- Lightbox · Formstone
- Boxer Demo
jQuery Popdown Plugin
- Wixel/jquery-popdown: A super simple jQuery popdown plugin
jQUery Custombox
- jQuery基础之custombox弹出框 - CSDN博客
- Home | Custombox
- JQuery扩展之CustomBox.js-布布扣-bubuko.com
- Custombox | jQuery Plugin Registry
- dixso/custombox: Modal window effects with transitions CSS3.
jQuery SuperBox
- jQuery SuperBox
- bpierre/jquery-superbox: [INACTIVE] jQuery Superbox! is a script which allows you display windows with the lightbox effect.
ModalBox.js
- s-yadav/modalBox.js: A very light weight and minimal plugin to display modal window.
- modalBox.js
MsgBox-jQuery-Plugin
- 基于jQuery的简单消息框MsgBox插件 - oxcow的专栏 - CSDN博客
- iyiguo.net/blog/2012/05/04/jquery-msgbox-plugin/
- oxcow/MsgBox-jQuery-Plugin: jQuery MsgBox Plugin
popeasy
- Pop Easy
- tgrauer/popeasy
Reveal
- Reveal: jQuery Modal Plugin | Playground from ZURB
- zurb/reveal
Remodal
- vodkabears/Remodal: No longer actively maintained.
- Remodal v1. The modal done right.
Simple Modal
- plasm/simplemodal: Modal window
- ericmmartin/simplemodal: A modal dialog framework for jQuery
- FinelySliced/leanModal.js: A super simple JQuery plugin for modal windows.
- saribe/eModal: Easy Modal for bootstrap, is a simple way to create modal dialogs using javascript.
- Lean Modal
The Modal
- The modal demo
- samdark/the-modal: Proper modal boxes
- 15款最好的 jQuery Modal(模态窗口)插件 - 梦想天空(山边小溪) - 博客园
- joaopereirawd/animatedModal.js: animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions by animate.css or create yourself their transitions.
- kylefox/jquery-modal: The simplest possible modal for jQuery
Micromodal
- ghosh/Micromodal: ⭕ Tiny javascript library for creating accessible modal dialogs
- Micromodal.js - Tiny javascript library for creating accessible modal dialogs
sweetalert
- sweetalert | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- SweetAlert-js超酷消息警告框插件_jQuery之家-自由分享jQuery、html5、css3的插件库
- SweetAlert - 演示6种不同的提示框效果 - 素材火
- t4t5/sweetalert: A beautiful replacement for JavaScript's "alert"
- sweetalert2/sweetalert2: A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.
- SweetAlert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes
- pedant/sweet-alert-dialog: SweetAlert for Android, a beautiful and clever alert dialog
- sweet-alert-dialog/README.zh.md at master · pedant/sweet-alert-dialog
- SweetAlert
- SweetAlert2中文 —— 一个漂亮的、响应式的、可定制的和可访问(WAI-ARIA)的JavaScript弹窗
Vex
- HubSpot/vex: A modern dialog library which is highly configurable and easy to style. #hubspot-open-source
- vex – Beautiful, functional, modal dialogs in Javascript
模态窗口弹出效果
- 分享20个华丽的模态窗口弹出效果示例 - 梦想天空(山边小溪) - 博客园
离开网站时显示模态弹窗
- Ouibounce – 在用户离开你网站时显示模态弹窗 - 梦想天空(山边小溪) - 博客园
全屏模态窗口
- AnimatedModal.js – CSS3 全屏模态窗口 - 梦想天空(山边小溪) - 博客园
多层滑出菜单插件
Multi-Level Push Menu
- Multi-Level Push Menu v2.1.4, https://github.com/adgsm/multi-level-push-menu
- adgsm/multi-level-push-menu: MultiLevelPushMenu jQuery Plugin implementation
- jschr/bootstrap-modal: Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.
- LDialog-jquery弹窗插件 | Luojh的博客
- luojh.me/LDialog/html/index.html
- BasicModal - 简单易用的现代 Web App 弹窗 - 梦想天空(山边小溪) - 博客园
- 原生jQuery对话框插件dialogBox
- easyDialog v2.0 演示与说明
- 简单的响应式纯js消息通知插件_jQuery之家-自由分享jQuery、html5、css3的插件库
¥分步骤插件
页面引导
bootstro.js
- clu3/bootstro.js: Tiny JS library using bootstrap's popovers to help guide your users around your website
- Bootstro.js demo
Bootstrap Tour
- sorich87/bootstrap-tour: Quick and easy product tours with Twitter Bootstrap Popovers
- Chaperone - The easiest, proven way to guide people through online tasks
- Bootstrap Tour
- API Documentation · Bootstrap Tour
crumble
- tommoor/crumble: Crumble makes it easy to create feature tours in your website or app.
- Crumble - jQuery Feature Tours
driver.js
- kamranahmedse/driver.js: A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page
grumble.js
- jamescryer/grumble.js: jQuery plugin to add 360 rotatable bubble style tooltips
- Examples and documentation on grumble.js
Intro.js
- usablica/intro.js: A better way for new feature introduction and step-by-step users guide for your website and project.
- Intro.js - Step-by-step guide and feature introduction for your website
joyride
- jQuery Joyride Plugin | Playground from ZURB
jQuery TourBus
- jQuery TourBus
powertour
- Power Tour - A powerful and creative jQuery tour solution plugin
PageGuide.js
- tracelytics/pageguide: An interactive guide for web page elements using jQuery and CSS3
- PageGuide.js – Interactive Guide for Web Page Elements using jQuery and CSS3 | jQuery Plugins
- jQuery.PageGuide, by Sprint.ly
- Pageguide by SolarWinds
- 漂亮的jQuery页面向导插件 - Pageguide.js - akaka88的专栏 - CSDN博客
- PageGuide.js交互式的可视化网页向导组件_问说网_新浪博客
- 帮助用户更好的体验网站:jQuery的页面功能向导插件Pageguide.js - igeekbar - 博客园
- jQuery的页面功能向导插件-Pageguide.js-幸凡学习网
Producttour.js
- jQuery Producttour.js
Pagetour
- jQuery Pagetour | jQuery Plugin Registry
pagewalkthrough
- 引导插件步骤:pagewalkthrough实例 - 圆静居士的专栏 - CSDN博客
TourTip
- jQuery引导插件TourTip
Trip.js
- EragonJ/Trip.js: Trip.js is a plugin that can help you customize a tutorial trip easily with more flexibilities.
- Trip.js | jQuery Plugin Registry
- Trip.js
Website Tour with jQuery
- Website Tour with jQuery
- 7个很棒的JavaScript产品步骤引导库,不信你用不上 - 掘金
- div+css布局制作横向带箭头步骤流程样式
- 简洁的css3响应式步骤导航条样式
- jQuery页面引导插件制作搜索页面步骤引导代码
- jQuery带步骤网站注册表单填写验证代码
- js修改绑定手机号码页面步骤代码
- jQuery响应式选项卡步骤向导插件
- jQuery遮罩弹出带步骤流程窗口代码
¥浮动标签模式
floatlabels.js
- probots-io/floatlabels.js: Follows the famous Float Label Pattern. Built on jQuery.
- floatlabels.js by Probots
- lollipopfly/Floatlabels.js: Responsive float labels
¥信息提示库
enquirer
- enquirer/enquirer: Stylish, intuitive and user-friendly prompt system.
HubSpot
- HubSpot/messenger: Growl-style alerts and messages for your app. #hubspot-open-source
- messenger
iosOverlay.js
- taitems/iOS-Overlay: iOS Overlay/Notification Plugin for the Web!
- iosOverlay.js
prompts
- terkelg/prompts: ❯ Lightweight, beautiful and user-friendly interactive prompts.
popper.js
- popperjs/popper.js: A kickass library to manage your poppers
- Popper.js
- antd popover定位不准闪跳解决+自己实现popover库
¥消息通知
notyf
- caroso1222/notyf: 👻 A minimalistic, responsive, vanilla JavaScript library to show toast notifications.
- Notyf: A minimalist JavaScript library for toast notifications.
PNotify
- PNotify
- sciactive/pnotify: Beautiful JavaScript notifications with Web Notifications support.
- PNotify
- PNotify
- jQuery通知提示插件overhang.js
¥导航栏、侧边栏、工具栏&菜单
¥底部导航栏TabLayout
- juexingzhe/TestFragmentTabHost
- ithuangqing/ItHqSimpleTabLayout: TabLayout+ViewPager的简单封装,实现页面的左右滑动,适合新手练习使用!三行代码即可实现Tab滑动选项效果,快来试试吧!
- 一行代码实现底部导航栏TabLayout - 简书
Toolbar.Js
- paulkinzett/toolbar: A tooltip style toolbar jQuery plugin
- Toolbar.js - jQuery plugin to create tooltip style toobars
¥文本
¥ASCII 字符画
- patorjk.com
- AsciiMorph - 新奇的 ASCII 字符画生成工具&插件 - 梦想天空(山边小溪) - 博客园
¥汉字、拼音互转
- huaxinjiayou/js-pinyin: js汉字转拼音
- jhs1873/font-as-firstPinyin: 输入汉字转换成拼音首字母js代码
- creeperyang/pinyin: Pure JavaScript library for converting Hanzi to Pinyin.
- 全国市级城市拼音-中文对照表(json格式) - CSDN博客
- 中国省份城市列表(汉字+拼音) - CSDN博客
¥文本溢出截断省略超出隐藏
shave
- dollarshaveclub/shave: 💈 Shave is a 0 dep JS plugin that truncates text to fit within an element based on a set max-height ✁
- Shave is a zero dependency javascript plugin that truncates multi-line text to fit within an html element based on a set max-height.
¥实现复制文本到剪贴板功能
AsyncClipboard
- 如何使用异步剪切板 AsyncClipboard API - 掘金
clipboard.js
- zenorocha/clipboard.js: Modern copy to clipboard. No Flash. Just 3kb gzipped
- clipboard - npm
- clipboard.js — Copy to clipboard without Flash
- Clipboard.js – 现代方式实现复制文本到剪贴板 - 梦想天空(山边小溪) - 博客园
clipboardy
- sindresorhus/clipboardy: Access the system clipboard (copy/paste)
- clipboardy - npm
copy-to-clipboard
- sudodoki/copy-to-clipboard: Copy stuff into clipboard from your browser using JS
- Copy It – Zero Clipboard
¥文本效果
文本高亮
- julmot/mark.js: JavaScript keyword highlighting. Mark text with with options that fit every application. Also available as jQuery plugin.
- mark.js – JavaScript keyword highlight
文本旋转插件
- Arctext.js - 基于 CSS3 & jQuery 的文本弯曲效果 - 梦想天空(山边小溪) - 博客园
文本选择
- sudodoki/toggle-selection: Remove user selection and then get it back on
选中文本并标注
- 你这磨人的小妖精——选中文本并标注的实现过程
文本排版
FlowType.JS
- simplefocus/FlowType.JS: Web typography at its finest: font-size and line-height based on element width.
- FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width. | Simple Focus
lining.js
- zmmbreeze/lining.js: An easy to use javascript plugin offers you complete DOWN-TO-THE-LINE control for radical web typography.
- Lining.js
typeahead.js
- twitter/typeahead.js: typeahead.js is a fast and fully-featured autocomplete library
- corejavascript/typeahead.js: typeahead.js is a fast and fully-featured autocomplete library
type.js
- nathanford/type.js: Type.js – Typographic tools for better web type.
- bradley/Blotter: A JavaScript API for drawing unconventional text effects on the web.
¥编辑器相关
#@mentions
At.js
- ichord/At.js: Add Github like mentions autocomplete to your application.
Mention.js
- jakiestfu/Mention.js: Lightweight wrapper for adding @user mention functionality to Twitter Bootstraps Typeahead plugin
tribute
- zurb/tribute: ES6 Native @mentions
#Markdown
#markdown+ast
- aleclarson/markdown-ast: Tiny markdown parser
- pdubroy/marked-ast: A modified version of chjj/marked that can produce an abstract syntax tree for Markdown
- DamonOehlman/marked-ast-markdown: Given a marked-ast AST generate markdown output
commonmark
- commonmark/commonmark.js: CommonMark parser and renderer in JavaScript
EpicEditor
- OscarGodson/EpicEditor: EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you
editor.md
- pandao/editor.md: The open source embeddable online markdown editor (component).
- Editor.md - 开源在线 Markdown 编辑器
fusuma
- hiroppy/fusuma: ✍️Fusuma makes slides with Markdown easily.
lint-md
- lint-md/lint-md: 检查中文 markdown 编写格式规范的命令行工具,基于 AST,方便集成 ci,写博客 / 文档必备。支持 API 调用!
markdown-js
- markdown - npm
markdown-it
markdown-it-emoji
- markdown-it/markdown-it-emoji: Emoji syntax plugin for markdown-it markdown parser
- markdown-it-emoji/full.json at master · markdown-it/markdown-it-emoji
markdown-it-wiki-toc
- peoplefund-tech/markdown-it-wiki-toc: Markdown-it plugin to add Wiki style Table Of Contents
breakdance
- breakdance/breakdance: HTML to markdown converter. Highly pluggable, flexible and easy to use. It's time for your markup to get down.
- Breakdance
- markdown-it/markdown-it: Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed
- markdown-it - npm
marked
- markedjs/marked: A markdown parser and compiler. Built for speed.
- Marked.js Documentation
- marked - npm
marked-terminal
- mikaelbr/marked-terminal: A Renderer for the marked project. Allowing you to render Markdown to print to your Terminal
markmap
- dundalek/markmap: Visualize markdown documents as mindmaps
- gera2ld/markmap-lib: Visualize your Markdown as mindmaps with Markmap.
- Try Markmap
markdown-online-editor
- nicejade/markdown-online-editor: 📝基于 Vue、Vditor,所构建的在线 Markdown 编辑器,支持流程图、甘特图、时序图、任务列表、HTML 自动转换为 Markdown 等功能;🎉新增「所见即所得」编辑模式。
micromark
- micromark/micromark: the smallest commonmark compliant markdown parser that exists; new basis for @unifiedjs (hundreds of projects w/ billions of downloads for dealing w/ content)
- micromark/micromark-extension-mdx: micromark extension to support MDX (agnostic to JavaScript)
- micromark/micromark-extension-mdxjs: micromark extension to support MDX.js
mdpdf
- BlueHatbRit/mdpdf: Markdown to PDF command line app with support for stylesheets
- mdpdf - npm
markdown-it-texmath
- goessner/markdown-it-texmath: Support TeX math equations with your Markdown documents.
markdown-tree
- hughsk/markdown-tree: Convert a markdown document into a JSON tree structure.
- markdown-tree - npm
remarkable
- jonschlinkert/remarkable: Markdown parser, done right. Commonmark support, extensions, syntax plugins, high speed - all in one. Gulp and metalsmith plugins are also available. Used by Facebook, Docusaurus and many others! See https://github.com/breakdance
- reHackable/awesome-reMarkable: A curated list of projects related to the reMarkable tablet
snarkdown
- developit/snarkdown: A snarky 1kb Markdown parser written in JavaScript
showdown
- showdownjs/showdown: A bidirectional Markdown to HTML to Markdown converter written in Javascript
turndown
- domchristie/turndown: 🛏 An HTML to Markdown converter written in JavaScript
- Turndown Demo
vditor
- Vanessa219/vditor: ♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
- 【掘金者说】Markdown 基于 Mermaid 的时序图、流程图和甘特图
#富文本编辑器
#WYSIWYG editor
mooeditable
- cheeaun/mooeditable: [DISCONTINUED] A simple web-based WYSIWYG editor, written in MooTools.
pell
- jaredreich/pell: 📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies
- pell/pell.js at master · jaredreich/pell
- pell - jaredreich.com
- 不到200行 JavaScript 代码如何实现富文本编辑器 | 吴锴的博客
summernote
- summernote/summernote: Super simple WYSIWYG editor
- Summernote - Super Simple WYSIWYG editor
Trumbowyg
- Alex-D/Trumbowyg: A lightweight and amazing WYSIWYG JavaScript editor - 20kB only (8kB gzip)
- Trumbowyg - A lightweight WYSIWYG editor by Alex-D / Alexandre Demode
- Trumbowyg - 轻量的 WYSIWYG 编辑器 - 梦想天空(山边小溪) - 博客园
- ContentTools – 所见即所得(WYSIWYG)编辑器 - 梦想天空(山边小溪) - 博客园
tinymce
- tinymce/tinymce: The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
ckeditor
- CKEditor Ecosystem
- CKEditor | Smart WYSIWYG HTML editor | Collaborative rich text editor
graph.editor
- samsha/graph.editor: HTML5拓扑图编辑器
h5-Dooring
- MrXujiang/h5-Dooring: (H5编辑器)H5-Dooring是一款功能强大,开源免费的H5可视化页面配置解决方案,致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践。技术栈以react为主, 后台采用nodejs开发.
layout.border
- samsha/layout.border: border layout for html
MediumEditor
- MediumEditor
- yabwe/medium-editor: Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.
ProseMirror
- ProseMirror
quill
delta
- quilljs/delta
quill-markdown-shortcuts
- patleeman/quill-markdown-shortcuts: Quill.js module that converts markdown to rich text formatting while typing.
- aral/quill-markdown-shortcuts-for-vue-quill-editor: Fork of Quill.js module that converts markdown to rich text formatting while typing. Optimised for vue-quill-editor and Vue/Nuxt. Demo of the original:
- quill-markdown-shortcuts - npm
- Quill Markdown Shortcuts
quill-autoformat
- Weavy/quill-autoformat: Module for formatting and transforming text as you type in Quill
quilljs-table
- dost/quilljs-table: Table functionality for quilljs
quill-markup
- jmquigley/quill-markup: A markup highlighting module for the Quill text editor
quill-mentions
- brettimus/quill-mentions: mentions module for quilljs
quill-task-list
- koffeinfrei/quill-task-list: A task list module for the quill editor
quill-image-extend-module
- NextBoy/quill-image-extend-module: vue-quill-editor的增强模块,提供图片上传,复制插入,拖拽插入,支持与其他模块一起使用
- quill-image-extend-module - npm
- quill-image-extend-module2 - npm
quill-emoji
- contentco/quill-emoji: Quill module toolbar extension for emoji
- quill-emoji - npm
- quill-emoji/emoji-list.js at master · contentco/quill-emoji
quill-image-drop-module
- kensnyder/quill-image-drop-module: A module for Quill rich text editor to allow images to be pasted and drag/dropped into the editor.
- quill-image-drop-module - npm
- quill-image-drop-module 打包失败解决办法 - csdnwyn314的博客 - CSDN博客
- quill-image-drop-module 图片粘贴的兼容性问题 - csdnwyn314的博客 - CSDN博客
quill-image-resize-module
- kensnyder/quill-image-resize-module: A module for Quill rich text editor to allow images to be resized.
- quill-image-resize-module - npm
- cannot import ImageResize from 'quill-image-resize-module'; · Issue #65 · kensnyder/quill-image-resize-module
- Cannot read property 'imports' of undefined Nuxtjs/SSR · Issue #28 · kensnyder/quill-image-resize-module
- ImageResize is undefined after import · Issue #20 · kensnyder/quill-image-resize-module
- with Angular4, TypeError: Cannot read property 'imports' of undefined · Issue #16 · kensnyder/quill-image-resize-module
- Using Quill and React `TypeError: window.Quill is undefined` error · Issue #14 · kensnyder/quill-image-resize-module
- Can't find variable: Quill when registering Quill modules · Issue #171 · surmon-china/vue-quill-editor
- 'imports' of undefined · Issue #7 · kensnyder/quill-image-resize-module
vue-quill-editor
toolbar
image
- 解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题_vue.js_脚本之家
- vue-quill-editor上传内容由于图片是base64的导致字符太长的问题解决 - 灿爷的前端之路 - 博客园
- vue-quill-editor实现图片上传功能_vue.js_脚本之家
- vue.js - vue-quill-editor 编写文章的时候,插入图片过多,会返回错误,这是为什么? - SegmentFault 思否
- (5条消息)在vue中Quill富文本编辑器的使用(主题、自定义工具栏、自定义字体选项、图片拖拽上传、图片改变大小) - Alison_Rose - CSDN博客
- surmon-china/vue-quill-editor: 🍡@quilljs editor component for @vuejs
- vue-quill-editor
- vue-quill-editor富文本编辑器简单使用方法_vue.js_脚本之家
- Vue中Quill富文本编辑器的使用教程_vue.js_脚本之家
- vue如何安装使用Quill富文本编辑器_vue.js_脚本之家
- vue富文本编辑器组件vue-quill-edit使用教程_vue.js_脚本之家
- Vue项目中quill-editor带样式编辑器的使用方法_vue.js_脚本之家
- Vue-Quill-Editor富文本编辑器的使用教程_vue.js_脚本之家
- vue中安装使用Quill富文本编辑器 - Alison_Rose - CSDN博客
- VueQuillEditor 如何添加自定义字体? - 代码 - 卜卜口
- vue-quill-editor 富文本集成quill-image-extend-module插件实例,以及UglifyJsPlugin打包抱错问题处理 - 掘金
支持表格
- QuillJs扩展使用——富文本编辑支持表格 - 简书
多媒体编辑器
- 大量图片base64储存问题 · Issue #21 · surmon-china/vue-quill-editor
- 对Quill富文本插件上传图片修改,调整部分功能 - 码农的自我修养 - CSDN博客
- quilljs/quill: Quill is a modern WYSIWYG editor built for compatibility and extensibility.
- quill 2.0.0-dev.3 on npm - Libraries.io
- https://cdn.quilljs.com/2.0.0-dev.3/quill.js
- https://cdn.quilljs.com/2.0.0-dev.2/quill.js
- quill/toolbar.md at develop · quilljs/quill
- Quill - Your powerful rich text editor
- Toolbar Module - Quill Rich Text Editor
- Cloning Medium with Parchment - Quill
- quill 富文本编辑器自定义格式化 - 掘金
- 自定义总结 · Quill中文文档
- Quill编辑器介绍及扩展 - czd890 - 博客园
- Quill – 可以灵活自定义的开源的富文本编辑器 - 梦想天空(山边小溪) - 博客园
qunee
- Qunee for HTML5 - 开发清新、高效的拓扑图组件
rete
- retejs/rete: JavaScript framework for visual programming and creating node editor
- Rete.js
sir-trevor-js
- madebymany/sir-trevor-js: Rich content editing entirely re-imagined for the web
- Sir Trevor JS | Made by Many
slate
- ianstormtaylor/slate: A completely customizable framework for building rich text editors.
- ianstormtaylor/slate: A completely customizable framework for building rich text editors.
- Slate
wysihtml5
- xing/wysihtml5: Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
- jhollingworth/bootstrap-wysihtml5: Simple, beautiful wysiwyg editor
- wysihtml5 - A better approach to rich text editing
- bootstrap-wysihtml5
- Simditor
- Web聊天工具的富文本输入框 - 掘金
- 关于复制 word 图文到富文本中的问题 - 掘金
- CommonMark Spec
¥内容版权标记
- copyrightmark: CopyrightMark是一个前端网页内容版权标记插件。
¥文本字符去重
- JS单行、多行文本字符去重和行去重 - 掘金
¥转换网页
percollate
- danburzo/percollate: 🌐 → 📖 A command-line tool to turn web pages into beautifully formatted PDFs
pill
- rumkin/pill: Add dynamic content loading to static sites with only 1 KiB of JS
¥词云
d3-cloud
- jasondavies/d3-cloud: Create word clouds in JavaScript.
iroun
- pistis/iroun: Name analyzer written in Javascript
react-d3-cloud
- Yoctol/react-d3-cloud: A word cloud react component built with d3-cloud.
react-tagcloud
- madox2/react-tagcloud: Tag/word cloud component for react https://madox2.github.io/react-tagcloud/
react-tag-cloud
- IjzerenHein/react-tag-cloud: Create beautiful tag/word clouds using React ☁️
wordcloud2.js
- timdream/wordcloud2.js: Tag cloud/Wordle presentation on 2D canvas or HTML
¥注释
- h-blog/hehe.js at master · HCThink/h-blog
- HCThink/h-blog: js, javascript, blog, typescript, node, koa...
- 有趣的注释,总有你喜欢的那款 - 掘金
- Dom Animator – 提供 Dom 注释动画的 JS 库 - 梦想天空(山边小溪) - 博客园
¥布局
¥other 布局
ag-grid
- JavaScript Datagrid. Packed with features that your users need with the performance you expect
- Grid布局指南 - _leonlee - 简书
- ag-grid/ag-grid: Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components
- ag-Grid: Datagrid packed with features that your users need with the performance you expect.
gridstack
- Gridstack.js – jQuery Plugin for Widget Layout | jQuery Plugins
- gridstack.js | BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- gridstack.js
- gridstack api翻译 - EasonTuring - 博客园
- gridstack/gridstack.js: Design your own drag-and-drop dashboards with ease
gridster.js
- ducksboard/gridster.js: gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns
- ww25.gridster.net/?z
jqGrid
- tonytomov/jqGrid: jQuery grid plugin
- jQuery Grid Plugin – jqGrid
- jqGrid使用整理 - 月关 - ITeye博客
- jQuery jqGrid | jQuery Plugin Registry
- JQGrid的用法解析(列编辑,添加行,删除行) - CSDN博客
- Guriddo
- jqGrid权威文档-官网同步-中文--提供最权威的中文文档和实例
- jqGrid - 开源中国社区
- jqgrid--api,官网demo,编辑 - simonbaker - 博客园
- 利用JqGrid结合ashx显示列表之一 - 踏浪帅 - 博客园
- jqGrid中文文档-中文权威
- jqGrid中文API_Web前端开发框架_Web前端开发_Web开发网
- jqGrid中文说明文档——选项设置_Helloweba
- jqGrid中文API - 程序园
- jqGrid demos-jqGrid实例-中文-mn886.net
- jqGrid显示和隐藏列_jqGrid中文API_Web开发网
网格布局插件(Grid Plugins)
- kombai/freewall: Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts for desktop, mobile, and tablet...
- jdogresorg/freewallet-mobile: Mobile wallet for iOS/Android/Browser which supports Bitcoin and Counterparty
- hongkiat/jquery-freewall-grid: This demo shows Grid layout that is built with jQuery plugin called FreeWall
- jQuery Nested
- Mason by DrewDahlman
- DrewDahlman/Mason: Mason.js for creating a perfect grid with jQuery.
- Griddy: Simple Grid Overlay Plugin for jQuery – DevGrow.com
- Monji Dolon
- jQuery Photoset Grid - Style Hatch
- jPhotoGrid - A Beautify jQuery Image Gallery
- Grid-A-Licious
- suprb/Grid-A-Licious: jQuery Grid-A-Licious plugin (v3)
- Log in to Wookmark
- jboesch/jSquares: A simple image gallery with popup information on hover (similar to ted.com)
- Gridster.net
¥导航
Off Canvas 导航
- 移动 Web 开发必备!时尚的 Off Canvas 导航 - 梦想天空(山边小溪) - 博客园
响应式的单页网站导航插件
触摸滑出式导航菜单
- jquery Win8 Metro风格界面的网址导航单页模板源码下载
- jquery仿WIN8图片导航网站源码下载
- jQuery上下收缩滑动树型菜单代码
- jquery css3响应式布局制作多级响应式下拉菜单代码
- jQuery鼠标悬停导航列表滑动展开菜单代码
- jQuery橙色的二级折叠下拉菜单收缩展开效果
- 前端教程
¥可伸缩布局
lib-flexible
- amfe/lib-flexible: 可伸缩布局方案
¥响应式布局
Freetile
- yconst/Freetile: Freetile jQuery layout plugin
muuri
- haltu/muuri: Responsive, sortable, filterable and draggable grid layouts
- Muuri - Responsive, sortable, filterable and draggable grid layouts
¥统一页面规格与布局
equalize.js
- tsvensen/equalize.js: The jQuery plugin for equalizing the height or width of your elements
- equalize.js
$图形、图片、文件、上传&下载
¥canvas、svg&GL
canvas libs、plugins&tools
canvg
- nathan-muir/canvgc: a nodejs tool for compiling SVG to html5 CanvasRenderingContext2D commands.
- canvg/canvg: Javascript SVG parser and renderer on Canvas
- canvg处理svg转png - CSDN博客
canvas-img-process
- ssshooter/canvas-img-process: html5 canvas image process ( 3*3 kernel ) canvas卷积核测试 canvas图片后期
Fabric.js
- Fabric.js Javascript Canvas Library
- fabricjs/fabric.js: Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
- Canvas实用库Fabric.js使用手册 - 掘金
- Canvas实用库Fabric.js使用手册 - 前端随记 - SegmentFault 思否
li-canvas
- 501351981/li-canvas: 对Html5的canvas功能进行了封装,方便进行多图片绘制、圆角图片绘制、多行文字绘制、图片保存下载等功能.
literallycanvas
- literallycanvas/literallycanvas: A canvas in your browser. Literally.
- Literally Canvas — Literally Canvas v0.4.14 docs - HTML5 drawing board - MS Paint in your web browser
spritejs
- spritejs/spritejs: A cross-platform lightweight 2D render object model.
- spritejs - A lightweight 2D canvas rendering engine for modern browsers with ES6+.
- SpriteJS ~ Next - 下一代 SpriteJS
- SpriteJS ~ Next - 下一代 SpriteJS
- SpriteJS ~ Next - 下一代 SpriteJS
- 例子 - SpriteJS ~ Next - 下一代 SpriteJS
- omi/packages/omi-sprite at master · Tencent/omi
- CSS 样式 - spritejs - A lightweight 2D canvas rendering engine for modern browsers with ES6+.
- spriteJS: SpriteJS 是一款由 360 奇舞团开源的跨终端 canvas 绘图库,可以基于 canvas 快速绘制结构化 UI 、动画和交互效果,并发布到任何拥有 canvas 环境的平台上(比如浏览器、小程序和 node )
- [开源] SpriteJS -- 一款简单的跨终端 canvas 绘图框架 - 掘金
- Mikhus/canvas-gauges: HTML5 Canvas Gauge. Tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.
- hustcc/canvas-nest.js: Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.
- CanvasPod/Canvas: Animate in Xcode without code
GL libs、plugins&tools
maplibre-gl-js
- maplibre/maplibre-gl-js: MapLibre GL is a free and open-source fork of @mapbox/mapbox-gl
mapbox-gl-js
- mapbox/mapbox-gl-js: Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
svg libs、plugins&tools
svg-gradient-map
- yoksel/svg-gradient-map: 🌈 Tool for creating SVG Filters with Gradient Map
- SVG Gradient Map Filter
saveSvgAsPng
- exupero/saveSvgAsPng: Save SVGs as PNGs from the browser.
svg背景图案
- Trianglify - 生成五彩缤纷的 SVG 背景图案 - 梦想天空(山边小溪) - 博客园
- Lottie Web SVG 动画源码浅析以及对应原生实现 – NewbieWeb
TicketMap
- Hecoffee/TicketMap: 类似淘票票 选座功能(svg)
矢量图形库
mondrian
- artursapek/mondrian: Web-based vector graphics editor
- 强大的矢量图形库:Raphael JS 中文帮助文档及教程 - 梦想天空(山边小溪) - 博客园
- Introduction to Raphaël.js - HTML5 Rocks
- An Introduction to the Raphael JS Library
- SVG Drawing Animation - SVG 绘制动画 - 梦想天空(山边小溪) - 博客园
- 推荐15款制作 SVG 动画的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
- 推荐8个实现 SVG 动画的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
- 带给你灵感:30个超棒的 SVG 动画展示【上篇】 - 梦想天空(山边小溪) - 博客园
- 带给你灵感:30个超棒的 SVG 动画展示【下篇】 - 梦想天空(山边小溪) - 博客园
- 类似 Dribbble 下载按钮的 SVG 弹性动画进度条 - 梦想天空(山边小溪) - 博客园
- 学习使用 SVG 创建材料设计涟漪(Ripple)效果 - 梦想天空(山边小溪) - 博客园
- DrawSVG - SVG 路径动画 jQuery 插件 - 梦想天空(山边小溪) - 博客园
- Lazy Line Painter – 很有趣的 jQuery 路径动画插件 - 梦想天空(山边小溪) - 博客园
- Lazy Line Painter
- h5使用canvas画布实现手势解锁 - 前端
WebGL libs、plugins&tools
babylonjs
- BabylonJS - 3D engine based on WebGL/Web Audio and JavaScript
- 【Babylonjs】起步 - WEBGL - CSDN博客
- 【温故知新】——BABYLON.js学习之路·前辈经验(一) - 柳洁琼Elena - 博客园
- 【温故知新】——BABYLON.js学习之路·前辈经验(二) - 柳洁琼Elena - 博客园
- 【开发总结】—— BABYLON 项目开发必备系列 - 柳洁琼Elena - 博客园
- 【开发总结】—— BABYLON 3D开发常见问题及解决方法 - 柳洁琼Elena - 博客园
- 【DQ冰淇淋】—— Babylon 冰淇淋三维互动营销项目总结 - 柳洁琼Elena - 博客园
- BabylonJS/Babylon.js: Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
webglstudio.js
- jagenjo/webglstudio.js: A full open source 3D graphics editor in the browser, with scene editor, coding pad, graph editor, virtual file system, and many features more.
- 3D Graphics: A WebGL Tutorial | Toptal
- Barebones WebGL in 75 lines of code
- WebGL基础教程:第一部分 - 掘金
- WebGL基础教程:第二部分 - 掘金
- WebGL基础教程:第三部分 - 掘金
- WebGL 3D 入门系列:绘制渐变三角形 --- 深入理解缓冲区 - 掘金
- WebGL 3D 入门与实践 --- 坐标系变换 :基本变换原理与算法实现 - 掘金
- WebGL 3D 入门与实践: CSS 中的 3D 属性 - 掘金
- WebGL 纹理颜色原理 - 掘金
- WebGL 光照
- 使用WebGL去实现一个拖拽式UI代码生成App
- 20个不可思议的 WebGL 示例和演示 - 梦想天空(山边小溪) - 博客园
¥DOMTo/HTMLTo
dom-to-image
- tsayen/dom-to-image: Generates an image from a DOM node using HTML5 canvas
html2svg
- MrPeak/html2svg: Convert html to svg.
html2canvas
- Releases · niklasvh/html2canvas
- Add dpi/scale options for custom resolution by eKoopmans · Pull Request #1087 · niklasvh/html2canvas
- 基于html2canvas实现网页保存为图片及图片清晰度优化 - 代码片段 - 码云 Gitee.com
- html2canvas - Screenshots with JavaScript
- 基于html2canvas实现网页保存为图片及图片清晰度优化 - 小云朵 - SegmentFault 思否
- 基于html2canvas实现网页保存为图片及图片清晰度优化 - CSDN博客
- vue中完美解决html2canvas图片跨域问题_weixin_33885253的博客-CSDN博客
¥QRCode
Awesome-qr.js
- SumiMakito/Awesome-qr.js: An awesome QR code generator written in JavaScript.
EasyQRCodeJS
- ushelp/EasyQRCodeJS: EasyQRCodeJS is a feature-rich cross-browser pure JavaScript QRCode generation library. Support Canvas, SVG and Table drawing methods. Support Dot style, Logo, Background image, Colorful, Title etc. settings. Support Angular, Vue.js, React, Next.js framework. Support binary(hex) data mode.(Running with DOM on client side)
jquery.qrcode.js
- jquery.qrcode.js生成二维码插件&转成图片格式 - CSDN博客
- jeromeetienne/jquery-qrcode: qrcode generation standalone (doesn't depend on external services)
- 生成二维码的 jQuery 插件:jquery.qrcode.js
qrcode-style
- coderhsw/qrcode-style: 艺术二维码生成插件
qart.js
- kciter/qart.js: Generate artistic QR code. 🎨
- QArt.js Example
qrcodejs
- davidshimjs/qrcodejs: Cross-browser QRCode generator for javascript
- qrcode.js
- qrcode.js使用js生成二维码(并下载)的实践 - 简书
- 使用JavaScript 生成二维码:QRCode.js - 简书
- QRCode.js 生成二维码 - 前端开发仓库
- 使用 Docker 和 Node 快速实现一个在线的 QRCode 解码服务 - 掘金
¥上传
¥other 上传
upload-to-qiniu
- lyaaaa/upload-to-qiniu: 上传图片到七牛的Vscode插件
- 从零开发Vscode上传图片插件
- node实现图片压缩
¥上传汇总
- hishion/mbUploadify: html5移动端文件、图片上传插件
- xjflyttp/yii2-uploadify-widget
- Elhebert/vue-fineuploader: Easily integrate Fine Uploader into a VueJS 2 app. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI.
- pekebyte/pekeUpload: jQuery html5 file uploader plugin
- MicheleBertoli/jquery-html5-uploader: jQuery drag&drop file uploader
- fengyuanchen/uploader: A simple jQuery file uploading plugin.
- jalagrange/bootstrap_uploader: JQuery File Upload Demo
- Rocketseat/youtube-upload-nodejs-reactjs-backend: Código produzido durante o vídeo sobre criação do backend de uma aplicação de upload de imagens com NodeJS e ReactJS.
- dianbaer/anyupload: anyupload是一个极度纯净的上传插件,通过简单调整就可以融入到任何项目,支持多文件上传、上传速率动态控制、真实进度监控kb/s、分块生成MD5、分块上传、MD5校验秒传、暂停、
- yeyan1996/file-upload
- 一文了解文件上传全过程(1.8w字深度解析,进阶必备) - 掘金
- 用原生js手写前端图片压缩上传插件 - 掘金
- 120行代码实现一个交互完整的拖拽上传组件 - 掘金
- 一个多文件断点续传、分片上传、秒传、重试机制的组件
- 实现多个大文件拖拽上传+大文件分片上传+断点续传+文件预览
- 字节跳动面试官:请你实现一个大文件上传和断点续传
- input的file类型的accept属性的值 - CSDN博客
- ajax上传_专题_脚本之家
- javascript文件上传_专题_脚本之家
- jQuery上传_专题_脚本之家
- Java Web使用Html5 FormData实现多文件上传 - 陈无问 - 博客园
- 上传canvas图片到服务器 - 雨弓 - 博客园
- ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本 - Chen.H - ITeye博客
- Ajaxload - Ajax loading gif generator
- 玩转前端文件上传
- 大规格文件的上传优化
Dropzone.js
- enyo/dropzone: Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
- Dropzone.js
- Home · Wiki · Matias Meno / Dropzone · GitLab
Droply.js
- aelbuni/droply-js: Droply JS, a new responsive and cross browser chunk uploader with DragDrop and File Preview capabilities (HTML5/CSS3)
- Droply.js - Minimal PHP file upload script | iTechFlare
fine-uploader
- FineUploader/fine-uploader: Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
- Fine Uploader Javascript Upload Library
filepond
- pqina/filepond: 🌊 A flexible and fun JavaScript file upload library
- Easy File Uploading With JavaScript | FilePond
Huploadify
- Double-Lv/Huploadify: jQuery文件上传插件,HTML5版uploadify,保持与uploadify一致的API
jQuery File Uploader
- danielm/uploader: A lightweight and very configurable jQuery plugin for file uploading using ajax(a sync); includes support for queues, progress tracking and drag and drop.
- jQuery Ajax File Uploader Widget
- blueimp/jQuery-File-Upload: File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side
- jQuery File Upload Demo
Resumable.js
- Resumable.js, JavaScript magic for simultaneous, stable and resumable uploads
- 23/resumable.js: A JavaScript library for providing multiple simultaneous, stable, fault-tolerant and resumable/restartable uploads via the HTML5 File API.
Simple-Ajax-Uploader
- LPology/Simple-Ajax-Uploader: Javascript file upload plugin with progress bar support. Works in all major browsers, including IE7+, Chrome, Firefox, Safari, and Opera. No dependencies - use it with or without jQuery.
uploadify
- i5ting/uploadify: uploadify = express && koa 2 uploadify with jquery fileupload
- HTML5 File Upload Script, jQuery Multiple File Upload Plugin - Uploadify / UploadiFive - Uploadify
- jQuery上传插件uploadify中文文档 - CSDN博客
- Springmvc+uploadify实现文件上传 - CSDN博客
- uploadify上传插件完整Demo(包括后台) - CSDN博客
- jquery.uploadify文件上传组件 - 迪克猪 - 博客园
- JQuery上传插件Uploadify使用详解 - oec2003 - 博客园
- 基于HTML5的jquery文件上传插件
uppy
- transloadit/uppy: The next open source file uploader for web browsers
- Uppy File Uploader
uploader
- kissygalleryteam/uploader: 异步文件上传组件
- simple-uploader/Uploader: A JavaScript library providing multiple simultaneous, stable, fault-tolerant and resumable/restartable file uploads via the HTML5 File API.
WebUploader
大文件分段上传
- js大文件分段上传并获取文件md5 - 52.0Hz的博客 - CSDN博客
- web前端分片上传demo(基于webuploader) - - ITeye博客
- fex-team/webuploader: It's a new file uploader solution!
- WebUploader 解决文件多次上传和删除上传文件的问题 - 二奎 - 博客园
- 关于webuploader插件使用过程遇到的小问题_jquery_脚本之家
¥下载
¥other 下载
- 原生JS实现base64图片下载-图片保存到本地_JavaScript_weixin_33734785的博客-CSDN博客
¥下载汇总
- 了解HTML/HTML5中的download属性 « 张鑫旭-鑫空间-鑫生活
- 这应该是你见过的最全前端下载总结 - 掘金
- 前端文件下载通识篇 - 掘金
- 二进制数组实战 - 纯前端导出Excel文件 - 掘金
- 聊聊前端文件下载 - 掘金
- 前端实现文件下载和拖拽上传 - 掘金
- 纯前端JS实现图片合并与下载 - 掘金
- 前端下载带来的一些思考_玉案轩窗的博客-CSDN博客
- js实现点击下载文件_rongDang的博客-CSDN博客
- js前端文件下载_断了的弦的博客-CSDN博客
- js下载文件到本地各种方法总结,解决火狐浏览器下载文件直接打开问题不是下载_wodebokecsdn的博客-CSDN博客
- js 文件保存下载 - 简书
- JS下载文件常用的方式 - 个人文章 - SegmentFault 思否
- 前端js实现字符串/图片/excel文件下载 - 个人文章 - SegmentFault 思否
- 【JS】前端文件下载(无刷新)方法总结 - willingtolove - 博客园
- JS单个、多文件批量下载,前端文件下载(原创)
- 前端下载文件的5种方法的对比
- https://mp.weixin.qq.com/s?__biz=Mzg5NDAyNjc2MQ==&mid=2247484782&idx=1&sn=b89e5cd3be8625a9b467ef87c2ac510f&chksm=c0249008f753191e4d3ca9ccd45782208f48793dc058ac8e3cefd0d368f6f4646a97a3e5f637&mpshare=1&scene=23&srcid=0902lf7hEsq07BPJbXYXpsWM&sharer_sharetime=1599005888378&sharer_shareid=c4ff3c0072f45c02ec37111084873c94#rd
download-client-listener
- wuxianjiezh/download-client-listener: 监听浏览器文件下载事件的插件
download
- rndme/download: file downloading using client-side javascript
FileSaver.js
- eligrey/FileSaver.js: An HTML5 saveAs() FileSaver implementation
- koffsyrup/FileSaver.js: saveTextAs() for all browsers & saveAs() FileSaver for HTML5
- Saving generated files on the client-side — Eli Grey
- 聊一聊 15.5K 的 FileSaver,是如何工作的?
- FileSaver源码阅读_玉案轩窗的博客-CSDN博客
javascript-multiple-download
- barretlee/javascript-multiple-download: JavaScript多文件下载
StreamSaver.js
- jimmywarting/StreamSaver.js: StreamSaver writes stream to the filesystem directly asynchronous
- StreamSaver example codes
TableExport
- clarketm/TableExport: The simple, easy-to-implement library to export HTML tables to xlsx, xls, csv, and txt files.
- TableExport · TableExport
- 2016 - the year of web streams - JakeArchibald.com
¥电子签名
jSignature
- jQuery手写签名插件jSignature
- jSignature签字板保存为图片 - CSDN博客
- 用canvas的toDataURL()将图片转为dataURL(base64) - 简书
- jSignature签字板保存为图片 - 疾风追梦 - 博客园
- jSignature签字板保存为图片 - 疾风追梦 - 博客园
- Data URI scheme - Wikipedia
signature_pad
- szimek/signature_pad: HTML5 canvas based smooth signature drawing
- Signature Pad demo
- signature_pad CDN by jsDelivr - A CDN for npm and GitHub
- canvas画笔功能 Signature PadScript - 阿里云
¥图片
¥区分图片的类型&类型转换
¥AVIF
avif.js
- Kagami/avif.js: AVIF polyfill for the browser
- avif.js demo
- nucliweb/avif-in-css: PostCSS plugin to use AVIF in CSS background
- AVIF图片格式简介 « 张鑫旭-鑫空间-鑫生活
- AVIF - 你不得不了解的图像格式
¥GIF
gif.js
- jnordberg/gif.js: JavaScript GIF encoding library
- NickeManarin/ScreenToGif: 🎬 ScreenToGif allows you to record a selected area of your screen, edit and save it as a gif or video.
- 「 墙裂推荐」互联网人必备GIF制作的14种选择
- Animated GIF editor and GIF maker
- GIF格式素材-图片下载分类-www.websbook.com
- GifCam - Download
- LICEcap 中文版 - 超简单的 GIF 动画制作软件神器 (屏幕录像生成 GIF 图片工具) | 异次元软件下载
- Screen to GIF - Download
- SOOGIF - GIF搜索_可能是最懂你的GIF动图中文搜索平台_魔性野表情发源地
¥PNG
- PNG图片压缩原理解析 - 掘金
¥图片类型转换
#理论依据
- 图片的三种表现形式,url,base64,blob以及相互转化 · Issue #9 · heightzhang/Reading-and-Reality
- Convert Image to Data URI with JavaScript
- 小tip: base64:URL背景图片与web页面性能优化 « 张鑫旭-鑫空间-鑫生活
- 你知道前端对图片的处理方式吗? - 掘金
- 玩转图片流 - 前端 - 掘金
- 前端图片压缩及上传 - 掘金
- 前端html img src base64 的data 的类型参数 - CSDN博客
- 如何使用js将canvas保存为图片文件,并且可以自定义文件名 - CSDN博客
- html base64 img 图片显示 - lgh1117的专栏 - CSDN博客
- canvas元素内容生成图像文件 - 江湖夜雨十年灯 - SegmentFault 思否
- 关于图片或者文件在数据库的存储方式归纳 - 王滔 - 博客园
- 关于base64编码的原理及实现 - 岑安 - 博客园
- Base64编码原理与应用
canvas2image
- hongru/canvas2image: a tool for saving or converting canvas as img
imageResizeTool
- WangYuLue/imageResizeTool: 一个简单易用的JS图片压缩方法
- JS中图片压缩的一般方法 - CSDN博客
ImageResizer.js
- 分享一个前端等比压缩图片插件 - CSDN博客
retinajs
- strues/retinajs: JavaScript, SCSS, Sass, Less, and Stylus helpers for rendering high-resolution image variants
- Retina.js | Retina graphics for your website
¥实现图片压缩
#图片压缩
jpegmini
- JPEGmini - Reduce file size, not quality
- 12个用于网站性能优化的最佳的图片压缩工具 - 梦想天空(山边小溪) - 博客园
- JS 图片简易压缩 - 掘金
¥获取图片的尺寸、裁剪&注释
¥图片裁剪
croppic
- croppic
- sconsult/croppic: croppic
Cropper.js
- fengyuanchen/cropperjs: JavaScript image cropper.
¥图片注释
coco-annotator
- jsbroks/coco-annotator: :pencil2: Web-based image segmentation tool for object detection, localization and keypoints
- annotate-images · GitHub Topics
- image-labeling · GitHub Topics
¥预览本地图片、占位符、全屏、全景&特效
¥图片占位符
- Unsplash.it - 实用的图片占位符,支持个性化设置 - 梦想天空(山边小溪) - 博客园
- Lorem Picsum
¥图片浏览
viewerjs
- fengyuanchen/jquery-viewer: A jQuery plugin wrapper for Viewer.js.
- fengyuanchen/viewerjs: JavaScript image viewer.
- Viewer.js
- Intense Images – 全屏浏览图像的 JS 插件 - 梦想天空(山边小溪) - 博客园
¥全屏看图
- tholman/intense-images: A simple library to view large images up close using simple mouse interaction, and the full screen.
¥全景展示
- peachananr/panorama_viewer: Embed panorama photos on your website with Panorama Viewer
- jQuery Panorama Viewer by Pete R. | The Pete Design
- 【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件 - 梦想天空(山边小溪) - 博客园
- 聊一聊全景图 | NewbieWeb
¥图片特效
WordPress Gallery 画廊
- 25个最佳的 WordPress Gallery 画廊插件 - 梦想天空(山边小溪) - 博客园
图片放大镜效果
Magnifier.js
- Magnifier.js demo
- mark-rolich/Event.js: Unifies event handling across browsers
- mark-rolich/Magnifier.js: Javascript library enabling magnifying glass effect on an images
图片倒影
- reflex.js (javascript cover flow image effect)
灯箱效果
- LightGallery.js – 功能齐全的 Javascript Lightbox - 梦想天空(山边小溪) - 博客园
- Chocolat.js – 响应式的 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
- 推荐15款响应式的 jQuery Lightbox 插件 - 梦想天空(山边小溪) - 博客园
- 轻量的、可自定义 CSS 的 Lightbox 相册插件 - 梦想天空(山边小溪) - 博客园
Magnific Popup
- dimsemenov/Magnific-Popup: Light and responsive lightbox script with focus on performance.
- Magnific Popup
imagelightbox.js
- osvaldasvalutis/imagelightbox.js: A JavaScript library for touch-friendly image lightbox.
- Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis
跑马灯效果
powerSwitch
- zhangxinxu/powerSwitch: 万能切换插件,选项卡、跑马灯、手风琴、无限切换都不在话下~
- jQuery powerSwitch万能slide(切换)插件 « 张鑫旭-鑫空间-鑫生活
- 8款非常棒的响应式 jQuery 幻灯片插件推荐 - 梦想天空(山边小溪) - 博客园
- 精心挑选的23款美轮美奂的 jQuery 图片特效插件 - 梦想天空(山边小溪) - 博客园
- 网站项目必备——12款经典的白富美型 jQuery 图片轮播插件 - 梦想天空(山边小溪) - 博客园
- S Gallery – 很有特色的响应式 jQuery 相册插件 - 梦想天空(山边小溪) - 博客园
轮播图
iSlider
- iSlider by BE-FE
- be-fe/iSlider: Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
OwlCarousel2
- OwlCarousel2/OwlCarousel2: jQuery Responsive Carousel.
- Home | Owl Carousel | 2.3.4
slip.js
- binnng/slip.js: 移动端跟随手指滑动组件,零依赖。
- Slip.js
WebSlides
- webslides/WebSlides: Create HTML presentations in seconds —
- WebSlides: Create Beautiful HTML Presentations
- jquery旋转木马插件SLICK
- jQuery轮播插件slider
- yued-fe/snap-swiper: 基于css的scroll-snap-type实现自动轮播的效果插件
图片滑动
PhotoSwipe
- dimsemenov/PhotoSwipe: JavaScript image gallery for mobile and desktop, modular, framework independent
- PhotoSwipe: Responsive JavaScript Image Gallery
- 兼容移动端和PC端的图片滑动切换展示效果:PhotoSwipe_Helloweba
slippry
- Slippry - A responsive slider by booncon
- booncon/slippry: Responsive slider plugin for jQuery
图片悬浮
- Treast/puffin.js: A new way to hover images
¥操作位图像素数据、加载&保存
提取图像颜色
- Codrops 实验:使用 Vibrant.js 提取图像颜色 - 梦想天空(山边小溪) - 博客园
图片保存
- H5 实现保存图片的采坑记录 · Issue #8 · whinc/blog
渐进式图片加载
瀑布流
masonry
- desandro/masonry: Cascading grid layout plugin
- masonry.desandro.com
- Masonry--“瀑布流” 布局(图片较多,推荐在WIFI下查看) - CJc917 - 博客园
- Metro风兼瀑布流布局效果 - 懒人之家
- js计算图片内点个数 - 掘金
¥实现图片隐写
showImg
- yzygithub/showImg: 查看数据集的图片
- alexkimxyz/nsfw_data_scrapper: Collection of scripts to aggregate image data for the purposes of training an NSFW Image Classifier
- 一个22万张NSFW图片的鉴黄数据集?我有个大胆的想法…… - 知乎
- 图片隐写加密/解密
¥图片预加载、懒加载与响应式
懒加载
echo-js
echo
- amazeui/echo: Lazy-loading images with data-* attributes
- Echo.js | Amaze UI 插件
- documents/plugin/echo at master · helijun/documents
- Echo.js, simple JavaScript image lazy loading
jquery_lazyload
- tuupola/jquery_lazyload: Vanilla JavaScript plugin for lazyloading images
- documents/jquery.lazyload.js at master · helijun/documents
- Vanilla JavaScript Lazy Load Plugin
lozad.js
- ApoorvSaxena/lozad.js: 🔥 Highly performant, light ~0.9kb and configurable lazy loader in pure JS with no dependencies for responsive images, iframes and more
- Lozad.js: Highly performant lazy loader
lazyestload.js
- Paul-Browne/lazyestload.js: load images only when they are in (and remain in) the viewport
- https://rawgit.com/Paul-Browne/lazyestload.js/master/dist/lazyestload.html
layzr.js
- callmecavs/layzr.js: A modern lazy loading library for images.
tada
- fallroot/tada: Lightweight, no dependency library for lazy image load. Duplicate element check, throttled scroll handler, percent threshold supported.
- 原生JS实现最简单的图片懒加载 · Issue #1 · axuebin/articles
- HTML5自定义属性对象Dataset简介 « 张鑫旭-鑫空间-鑫生活
- 使用jQuery实现图片懒加载原理 - 廖雪峰的官方网站
- 图片懒加载的前世今生 - 掘金
- 实现图片懒加载(throttle, debounce) - 掘金
- 图片懒加载使用方法及感受 - CSDN博客
- 使用JS进行图片懒加载 - CSDN博客
- 原生JS实现最简单的图片懒加载 - 打基础打基础打基础 - SegmentFault 思否
- js实现图片懒加载 - 简书
- JS图片延迟加载分析及简单的demo - 龙恩0707 - 博客园
- 图片懒加载 - 小火柴的蓝色理想 - 博客园
- 前端实现图片懒加载(lazyload)的两种方式 - liliangel - 博客园
- (可视区域加载)图片懒加载实现原理 - 最骚的就是你 - 博客园
- 前端如何实现图片懒加载(lazyload) 提高用户体验
- 按需加载图片(图片懒加载) - 云库网
- lazyload
预加载
img-2
- RevillWeb/img-2: Replace <img /> elements with <img-2> to automatically pre-cache images and improve page performance.
- 3+ Ways to Preload Images Using CSS, JavaScript, or Ajax | Perishable Press
- Javascript图片预加载详解 - CSDN博客
- JS实现图片预加载之无序预加载功能代码_javascript技巧_脚本之家
- Javascript图片预加载详解 - WEB前端 - 伯乐在线
- 实现类似Pinterest 的图片预加载功能 - WEB前端 - 伯乐在线
- [前端]图片预加载方法 - 杠子 - 博客园
- js中图片的预加载演示 - _yh - 博客园
- jQuery图片预加载(延迟加载)插件Lazy Load-前端开发博客
- 基于javascript实现图片预加载_JavaScript_WEB开发_文档_源码天空
- dmnsgn/async-preloader: Assets preloader using ES2017 async/await and fetch.
响应式
- 响应式图片 - 学习 Web 开发 | MDN
- eligrey/hotlink.js: Hide image referrers
- javascript图片懒加载与预加载的分析 - HackerVirus - 博客园
CamanJS
- meltingice/CamanJS: Javascript HTML5 (Ca)nvas (Man)ipulation
tui.image-editor
- nhn/tui.image-editor: 🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
- Jeffrey Friedl's Image Metadata Viewer
- 图片处理不用愁,给你十个小帮手
- web 图像技术:前端引入图片的各种方式及其优缺点 - 掘金
- 前端工程师必备的图片知识(长文建议收藏)
¥文件
¥CSV
- mholt/PapaParse: Fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input
¥Doc&Word
GoogleDoc2Html
- oazabir/GoogleDoc2Html: Export Google Doc as clean html. Handy to make a Wordpress post from Google Doc.
node-crocodoc
- storminwalker/node-crocodoc: Simple wrapper around the Crocodoc API for NodeJS
- 在前端如何玩转 Word 文档
¥PDF
html2pdf.js
- eKoopmans/html2pdf.js: Client-side HTML-to-PDF rendering using pure JS.
jsPDF
- MrRio/jsPDF: Client-side JavaScript PDF generation for everyone.
- jsPDF - CSDN博客
- jsPDF - HTML5 PDF Generator | Parallax
pdf-annotate.js
- instructure/pdf-annotate.js: Annotation layer for pdf.js (no longer maintained)
- PDFJSAnnotate
pdf.js
- mozilla/pdf.js: PDF Reader in JavaScript
- mozilla/pdfjs-dist: Generic build of PDF.js library.
- PDF.js
Parsr
- axa-group/Parsr: Transforms PDF, Documents and Images into Enriched Structured Data
mupdf
- ArtifexSoftware/mupdf: mupdf mirror
Poppler
- Poppler
pdf2htmlEX
- coolwanglu/pdf2htmlEX: Convert PDF to HTML without losing text or format.
PDFObject
- pipwerks/PDFObject: A lightweight JavaScript utility for dynamically embedding PDFs in HTML documents.
- pdfobject - npm
- PDFObject: A JavaScript utility for embedding PDFs
WebODF
- webodf/WebODF: WebODF - JavaScript Document Engine
- WebODF
- rawgit.com
- 把HTML转成PDF的4个方案及实现方法 - 掘金
- html页面导出为pdf(jsPDF、iText、wkhtmltopdf) - CSDN博客
- (3条消息) 如何直接在网页中显示PDF文件_IT技术宅 北方的刀郎专栏-CSDN博客
- pdf编辑工具有哪些比较简单好用的? - 知乎
- 如何实现高性能的在线 PDF 预览 - 政采云前端团队
- 分享8个网站开发中最好用的打印页面插件 - 梦想天空(山边小溪) - 博客园
- (...) 有没有办法让HTML5 canvas显示/预览word/excel/powerpoint 文档? - SegmentFault 思否
- [Asp.net]常见word,excel,ppt,pdf在线预览方案,有图有真相,总有一款适合你! - wolfy - 博客园
- [Asp.net]常见word,excel,ppt,pdf在线预览方案,有图有真相,总有一款适合你!(续) - wolfy - 博客园
ViewerJS
- webodf/ViewerJS: ViewerJS: Document Reader in JavaScript
- ViewerJS Home
- ViewerJS Get ViewerJS
- PHPOffice
- 第九期|前端自研文档显示有多难 - 掘金
¥图形
《图形学》
- 图形学 | 格物致知!PNG 除了无损压缩你还知道什么?
- 图形学 | 蓄势待发!说一说图片相关的那些概念
Turf.js
- nickpeihl/turf-async: Demonstrating how to use Turf.js with web workers to run geoprocesses asynchronously
- Turf.js | Advanced Geospatial Analysis
- JavaScript API | 腾讯位置服务
- 数据可视化API | 腾讯位置服务
- 基于Turf.js教你快速实现地理围栏的合并拆分
- 简单重叠实心多边形的交集/并集计算
- luffyZh/frontend-download-sample: 🎄 自己整理的一些项目中遇到过的关于上传和下载的一些Demo,仅供给位看官参考,避免踩坑,即插即用,欢迎fork和star🌟,为这个仓库添砖加瓦~(P.S. 个人认为如果
- 如何使用JavaScript实现前端导入和导出excel文件(H5编辑器实战复盘)
$事件、静态效果、动效&可视化
¥静态效果
¥尺子效果
RulersGuides.js
- RulersGuides.js demo
- mark-rolich/RulersGuides.js: Creates Photoshop-like guides and rulers interface on a web page
- simbawus/slide-ruler: 📏 Slide Ruler 滑尺数值选择器
¥时间轴效果
- Timeline Portfolio - 时间轴作品集效果 - 梦想天空(山边小溪) - 博客园
¥阴影效果
- Shine.js – 帮助你实现各种好看的阴影效果 - 梦想天空(山边小溪) - 博客园
¥蒙版效果
Barrage UI
- 可实现B站 蒙版弹幕 效果的前端组件 —— Barrage UI - 掘金
- parksben/barrage: Best and lightest barrage component for web UI. 适用于 web 界面的轻量级弹幕组件
- 【小案例】基于色键技术的纯客户端实时蒙版弹幕 - 掘金
- 弹幕不挡人!基于色键技术的纯客户端实时蒙版弹幕 - 掘金
¥视觉差效果
Parallax.js
- pixelcog/parallax.js: Simple parallax scrolling effect inspired by Spotify.com implemented as a jQuery plugin
rellax
- dixonandmoe/rellax: Lightweight, vanilla javascript parallax library
- Vanilla Javascript Parallax Library — Rellax
¥鼠标悬停效果
- 7种鼠标悬停效果,多样的图片说明展示
- 30种奇妙的鼠标悬停效果【附源码下载】 - 梦想天空(山边小溪) - 博客园
¥键盘效果
digital-keyboard
- simbawus/digital-keyboard: ⌨️ Digital Keyboard 数字键盘
¥球体效果
Planetary.js
- BinaryMuse/planetary.js: Awesome interactive globes for the web
- Planetary.js: Awesome interactive globes for the web
¥书签效果
- 使用 CSS3 & jQuery 制作漂亮的书签动画 - 梦想天空(山边小溪) - 博客园
- CSS3打开信封发送留言样式代码
¥滚动&滑动
¥other 滚动&滑动
- gabrielevanini/ppGallery: jQuery gallery
- jeremyfry/PikaChoose: jQuery Image Gallery
- builtbywill/booklet: jQuery Plugin - display web content in a flipbook
- Solutions-Nitriques/jQuery-easySlider: Our remix of the easySlider jQuery plugin built by Alen Grakalic
- daledavies/jQuery-Easy-Slides: Possibly the easiest to use jQuery plugin for making slideshows!
- kflorence/jquery-easySlider: This is a modified version of Alen Grakalic's Easy Slider plugin.
- CSS-Tricks/AnythingSlider: A jQuery Slider plugin for anything.
- jobyktom/RotatingImageSlider: RotatingImageSlider
- vemulvamsy/RotatingImageSlider: RotatingImageSlider
- Codeinwp/Nivo-Slider-jQuery: Nivo Slider - The Most Awesome jQuery Image Slider
- wpschool/PortfolioImageNavigator
- codrops/StackSlider: An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.
- codrops/Slicebox: Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don't support the new properties.
- ClearWebSolutions/jQuery-3D-slider: jQuery plugin - image 3D slider
- jaskiran-chhokar/3D-Image-Slider: A 3d image slider made purely with CSS
- nathansearles/Slides: Slides is a crazy simple slideshow plugin for jQuery. With features like looping, auto play, fade or slide transition effects, crossfading, image preloading, and auto generated pagination. With Slides you’ll never see multiple slid
- TritonHo/slides: it is a repository to store all slides used by Triton Ho's public presentation and course.
- crazysunj/CardSlideView: 一行代码实现ViewPager卡片效果,支持无限循环
- HelloYeah/HYSideViewController: 轻松集成左右侧滑,接口简单.逻辑清晰
- jssor/slider: Touch swipe image slider/slideshow/gallery/carousel/banner mobile responsive bootstrap
- viljamis/ResponsiveSlides.js: Simple & lightweight responsive slider plugin (in 1kb)
- Booklet - jQuery Plugin - Home
- AnythingSlider
- Getting started with the Nivo Slider jQuery Plugin - ThemeIsle Docs
- 3D Image Slider
- SlidesJS, a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3
- Improving Scroll Performance with Passive Event Listeners | Web | Google Developers
- 滑动穿透(锁body)终极探索 - 掘金
- Unable to preventDefault inside passive event listener - 前端笔记 - SegmentFault 思否
- 推荐12款实用的 JavaScript 书页翻转效果插件 - 梦想天空(山边小溪) - 博客园
- 推荐几款制作网页滚动动画的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
- 神奇的滚动动画,30个视差滚动网站设计 - 梦想天空(山边小溪) - 博客园
- Infinite Scroll - jQuery & WP 无限滚动插件 - 梦想天空(山边小溪) - 博客园
- pagePiling.js - 创建漂亮的全屏滚动效果 - 梦想天空(山边小溪) - 博客园
- Sequence.js - 适合电子商务网站的图片滑块 - 梦想天空(山边小溪) - 博客园
- AviaSlider是一个具有独特过渡效果的jQuery幻灯片插件。
- 结合 CSS3 & jQuery 实现精致的 3D 图库
- Slicebox - 3D图片滑块效果
- Slicebox - 3D图片滑块效果
- jQuery全屏滚动插件fullPage.js
- 图片文字滚动插件jQuery Scrollbox
- liMarquee – jQuery无缝滚动插件_dowebok
- jQuery图片模糊插件crossfade.js_dowebok
AnimateScroll
- AnimateScroll - jQuery Plugin for Animating Scroll
- rampatra/animatescroll.js: A Simple jQuery Plugin for Animating Scroll
better-scroll
- ustbhuangyi/better-scroll: inspired by iscroll, and it supports more features and has a better scroll perfermance
- BetterScroll by ustbhuangyi
- 介绍 · better-scroll
- 当 better-scroll 遇见 Vue - 知乎
- 从 12.9K 的前端开源项目我学到了啥?
body-scroll-lock
- willmcpo/body-scroll-lock: Body scroll locking that just works with everything 😏
- tuateam/tua-body-scroll-lock: Body scroll locking that just works with everything
basicScroll
- electerious/basicScroll: Standalone parallax scrolling for mobile and desktop with CSS variables.
- Parallax scrolling with CSS variables | basicScroll
Glider.js
- NickPiscitelli/Glider.js: A blazingly fast, lightweight, dependency free, minimal carousel with momentum scrolling!
- Glider.js - A fast, lightweight carousel alternative
iscroll
- cubiq/iscroll: Smooth scrolling for the web
- iscrolljs.com
keen-slider
- rcbyr/keen-slider: The HTML touch slider carousel with the most native feeling
mescroll
- mescroll/mescroll: 精致的下拉刷新和上拉加载 js框架.支持vue,完美运行于移动端和主流PC浏览器 (JS framework for pull-refresh and pull-up-loading)
- mescroll -- 精致的下拉刷新和上拉加载js框架
MTransition
- HJ-Money/MTransition: Android:自定义页面切换动画,Custom page Transition
OverlayScrollbars
- KingSora/OverlayScrollbars: A javascript scrollbar plugin which hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.
Swiper
- nolimits4web/swiper: Most modern mobile touch slider with hardware accelerated transitions
- fex-team/swiper: 轻量的移动端 H5 翻页库
- yanzhenjie/SwipeRecyclerView: RecyclerView侧滑菜单,Item拖拽,滑动删除Item,自动加载更多,HeaderView,FooterView,Item分组黏贴。
- SwipeRecyclerView/README.md at master · yanzhenjie/SwipeRecyclerView
- baoyongzhang/SwipeMenuListView: [DEPRECATED] A swipe menu for ListView.
- TUBB/SwipeMenu: A swipe menu for horizontal/vertical, support left/right add top/bottom directions
- SwipeMenuDemo/README.md at master · Brioal/SwipeMenuDemo
- joe223/tiny-swiper: 📦 2kb modular JS library alternative to SwiperJS with same modern API for carousel/slider/slideshow.
- Swiper中文网
- Swiper中文网
- 中文api - Swiper中文网
- SwiperProxy
- Swiper 中文API手册(share) - 挨踢前端 - 博客园
- swiper的理解 - 向君 - 博客园
- swiper - 百度
ScrollUp
- ScrollUp – 超轻量的可定制的回到顶部 jQuery 插件 - 梦想天空(山边小溪) - 博客园
scrollmagic
- ScrollMagic ♥ Demo
- janpaepke/ScrollMagic: The javascript library for magical scroll interactions.
scrollpath
- JoelBesada/scrollpath: A plugin for defining custom scroll paths.
- jQuery Scroll Path
scroll-hint
- ScrollHint
- appleple/scroll-hint: A JS library to suggest that the elements are scrollable horizontally, with the pointer icon.
scroll-js
- mkay581/scroll-js: Light cross-browser scroller that uses native javascript
ScrollReveal
- ScrollReveal
- scrollreveal/scrollreveal: Animate elements as they scroll into view.
- Revealing Elements with scrollReveal.js
tiny-slider
- ganlanyuan/tiny-slider: Vanilla javascript slider for all purposes.
wow-js
- Reveal Animations When Scrolling — WOW.js
- matthieua/WOW: Reveal CSS animation as you scroll down a page
¥动效&动画
#FLIP技术
- Aerotwist - FLIP Your Animations
- 前端动画必知必会:React 和 Vue 都在用的 FLIP 思想实现小姐姐流畅移动。
- 让动画变得更简单之FLIP技术 - 掘金
- FLIP技术给Web布局带来的变化_JavaScript, FLIP, Animation, Web动画 教程_w3cplus
#svg动画
snapsvg
- adobe-webplatform/Snap.svg: The JavaScript library for modern SVG graphics.
- Snap.svg - Home
- Walkway.js – 用线条制作简约的 SVG 动画 - 梦想天空(山边小溪) - 博客园
#timeline-based
scenejs
- daybrush/scenejs: 🎬 Scene.js is JavaScript & CSS timeline-based animation library
#动效&模拟事物
BookBlock&booklet-like
- codrops/BookBlock: A jQuery plugin that will create a booklet-like component that let's you navigate through its items by flipping the pages.
- codrops/BookPreview: A "look inside" book preview with BookBlock. A concept for book showcases or online book stores that shows a grid of books with the options to view the details and to look inside of the book, opening the BookBlock in fullscreen and allowing for a 3D page navigation.
cubic-bezier
- cubic-bezier(.17,.67,.83,.67) ✿ cubic-bezier.com
bezier-easing
- gre/bezier-easing: cubic-bezier implementation for your JavaScript animation easings – MIT License
HTML 原型点击效果
- TouchPoint.js – 可视化展示 HTML 原型点击效果 - 梦想天空(山边小溪) - 博客园
page transition
swup
- swup/swup: Complete, flexible, extensible and easy to use page transition library for your web.
雨滴效果
- Rainyday.js – 使用 JavaScript 实现雨滴效果 - 梦想天空(山边小溪) - 博客园
元素拖放着色
拖放交互界面
- 来自 Codrops 的7种创新的拖放交互界面 - 梦想天空(山边小溪) - 博客园
- 很赞的效果!互动的页面元素拖放着色实验 - 梦想天空(山边小溪) - 博客园
创建粒子背景
ParticlesJS
- VincentGarreau/particles.js: A lightweight JavaScript library for creating particles
- VincentGarreau/particles.js: A lightweight JavaScript library for creating particles
- marcbruederlin/particles.js: A lightweight, dependency-free and responsive javascript plugin for particle backgrounds.
- particles.js - A lightweight JavaScript library for creating particles
- JS库使用ParticlesJS的简单介绍-js教程-PHP中文网
- particles.js使用及配置 - 梦幻飞雪 - 博客园
页面跳舞
Rythm.js
- Rythm.js
- Okazari/Rythm.js: A javascript library that makes your page dance.
录制与回访
rrweb
- rrweb.io | Open source web session replay library
- rrweb-io/rrweb: record and replay the web
rrweb-player
- rrweb-io/rrweb-player
rrweb-snapshot
- rrweb-io/rrweb-snapshot: rrweb's snapshot and rebuild module
- 利用现代浏览器所提供的强大 API 录制,回放并保存任意 web 界面中的用户操作 - 掘金
打字机效果
easy-typer-js
- pengqiangsheng/easy-typer-js: 功能十分强大打字机插件,文档预览地址:
- [JS插件]功能十分强大的打字机效果: easy-typer-js - 掘金
#动画精灵
PixiJS
- Learn Pixi.js | Rex van der Spuy | Springer
- Zainking/LearningPixi: ⚡️Pixi教程中文版
- 学习 PixiJS — 动画精灵 - 掘金
- 学习 PixiJS — 粒子效果 - 掘金
- 学习 PixiJS — 精灵状态 - 掘金
spriteUtilities
- kittykatattack/spriteUtilities: Useful functions for creating and working with sprites in Pixi
- https://www.kkkk1000.com/js/spriteUtilities.js
#文字动画
Lettering.js
- davatron5000/Lettering.js: A lightweight, easy to use Javascript <span> injector for radical Web Typography
Textillate.js
- jschr/textillate: A jquery plugin for CSS3 text animations.
- Textillate.js
- gitWhatever/text-effect: textillate纯js实现版本,包括lettering(文字分离)和textillate(文字动画)的功能。
- 十大惊人的文字动画特效
animo.js
- ThrivingKings/animo.js: A powerful little tool for managing CSS animations
animejs
- juliangarnier/anime: JavaScript Animation Engine
- anime.js
- anime.js • JavaScript animation engine
animateplus
- bendc/animateplus: A+ animation module for the modern web
anijs
- anijs/anijs: A Library to Raise your Web Design without Coding.
- AniJS, A Library to Raise your Web Design without Coding
bounce.js
- tictail/bounce.js: Create beautiful CSS3 powered animations in no time.
- Bounce.js
click-colorful
- ColdDay/click-colorful: 点击特效,五颜六色的小球绽放
collie
- Collie - High Performance Animation Library for Javascript
csshake
- elrumordelaluz/csshake: CSS classes to move your DOM!
cta.js
- chinchang/cta.js: Animate your 'action-to-effect' paths
- cta.js - Animate your 'action-to-effect' paths!
favico.js
- ejci/favico.js: Make use of your favicon with badges, images or videos
- favico.js - Make use of your favicon
fly-js
- fly-js - npm
goalProgress
- tinacious/goalProgress: :100: Animated progress bar using jQuery to show how close you are to reaching your goal.
- Animated Goal Progress Bar jQuery plugin
gifshot
- yahoo/gifshot: JavaScript library that can create animated GIFs from media streams, videos, or images
- gifshot - JavaScript library that can create animated GIFs from media streams, videos, or images
gka
- gkajs/gka: 一款高效、高性能的帧动画生成工具
- gka
GreenSock-JS
- greensock/GreenSock-JS: GreenSock's GSAP JavaScript animation library (including Draggable).
- GSAP, the standard for JavaScript HTML5 animation | GreenSock
html5tooltipsjs
- ytiurin/html5tooltipsjs: Tooltips with smooth 3D animation
- html5tooltips.js - Tooltips with smooth 3D animation
ityped
- luisvinicius167/ityped: Dead simple Javascript animated typing, with no dependencies.
- iType.js | Javascript animated typing, with no dependencies
jsanim
- Jsanim.com
jquery_flot_animator
- jQuery Flot Animator
jquery.magicmove
- maccman/jquery.magicmove: Animate DOM transitions.
JQuery Tip Cards
- jQuery Tip Cards by Pete R. | The Pete Design
- peachananr/tip_cards: Create a card layout that let your user flip through it like you see on Google Tips
kute.js
- thednp/kute.js: KUTE.js is a native JavaScript animation engine featuring great code quality, badass performance, SVG morphing, stroke drawing and 2D & 3D transforms, CSS3 transforms, colors, as well as other CSS3 properties or presentation attributes.
- KUTE.js | Javascript Animation Engine
- KUTE.js Features | Javascript Animation Engine
- KUTE.js | Javascript Animation Engine
label_better
- peachananr/label_better: Label your form input like a boss with beautiful animation and without taking up space
- jQuery Label Better by Pete R. | The Pete Design
Lazy Line Painter
- camoconnell/lazy-line-painter: A jQuery plugin for path animation using the CSS -
- Lazy Line Painter
loda-button
- lugolabs/loda-button: jQuery plugin that animates the button icon with CSS3 when loading ...
- lugolabs/loda-button-ui: Twist your jQuery UI button
lottie-web
- airbnb/lottie-web: Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
- Introduction · Lottie
mojs
- mojs/mojs: The motion graphics toolbelt for the web
- legomushroom/mojs: motion graphics toolbelt for the web
- An Introduction to mo.js | CSS-Tricks
moveTo
- hsnaydd/moveTo: A lightweight scroll animation javascript library without any dependency
Mosaic jQuery Plugin
- Mosaic – Sliding Boxes and Captions jQuery Plugin « Build Internet
motio
- Motio
Move.js
- Move.js - CSS3 animation framework for JavaScript
- visionmedia/move.js: CSS3 backed JavaScript animation framework
minifiedjs
- Minified.js - A Truly Lightweight JavaScript Library
- timjansen/minified.js: A lightweight library for the Web
parallax
- wagerfield/parallax: Parallax Engine that reacts to the orientation of a smart device
- parallax.js
popmotion
- Popmotion/popmotion: Simple animation libraries for delightful user interfaces
- Popmotion/popmotion: Simple animation libraries for delightful user interfaces
- Popmotion | JavaScript animation libraries for delightful interfaces
rekapi
- Home - Documentation
- Home - Documentation
s-gallery
- S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations — Sara Soueidan – Freelance-Front-End UI/UX Developer
snabbt.js
- snabbt.js
Sticker.js
- Sticker.js
- cmiscm/stickerjs
typed.js
- mattboldt/typed.js: A JavaScript Typing Animation Library
- JavaScript Animated Typing with Typed.js | by Matt Boldt
three.js
three.js core
- mrdoob/three.js: JavaScript 3D library.
- three.js - Javascript 3D library
three.js libs、plugins&tools
Gio.js
- syt123450/giojs: 🌏 A Declarative 3D Globe Data Visualization Library built with Three.js
- Gio.js
- Jeremboo/animated-mesh-lines: Tutorial and demos for Codrops about how play with the THREE.MeshLine library
- brunoimbrizi/interactive-particles
- UmbraSoftware/umbrajs-three: Render massive 3D models in real time with three.js
three.js 资源、整理集&FAQ
- josdirksen/learning-threejs: Code repository for the examples from the Packt book "Learning Threejs"
- Three.js中的矩阵 - 掘金
- Three.js - 利用 JS 进行图片处理并生成对应粒子图 - 掘金
- Three.js 技巧和实践总结 - 前端 - 掘金
- 基于three.js的3D炫酷元素周期表 - 掘金
- 聊一聊 ThreeJS 反锯齿 - 前端 - 掘金
tweenjs
- CreateJS/TweenJS: A simple but powerful tweening / animation library for Javascript. Part of the CreateJS suite of libraries.
- TweenJS | A JavaScript library for tweening and animating HTML5 and JavaScript properties.
- tween.js 中文使用指南 - 前端小老虎 - 博客园
- Inbetweening - Wikipedia
- 前端急速入门动画库---tweenjs - 掘金
velocity
- julianshapiro/velocity: Accelerated JavaScript animation.
- Incredibly Fast UI Animation Using Velocity.js
- The Simple Intro to SVG Animation
- Velocity.js
vivus
- maxwellito/vivus: JavaScript library to make drawing animation on SVG
- Inspiration: 10 Examples of Pure CSS Animation on CodePen
- 60行代码,造一个动画库轮子(超详细)
- 2018年值得期待11个Javascript动画库 - 前端 - 掘金
- 5000字前端动画交互实现小谈 - 掘金
- js实现帧动画 - CSDN博客
- JavaScript动画特效与技巧_专题_脚本之家
- 10个最好的 JavaScript 动画库和开发框架 - 梦想天空(山边小溪) - 博客园
- Space.js – HTML 驱动的页面 3D 滚动效果 - 梦想天空(山边小溪) - 博客园
- 【精心挑选】帮助你实现元素动画的6款插件 - 梦想天空(山边小溪) - 博客园
- 2019年 值得收藏的 15 个 JavaScript 和 CSS 动画库-WEB前端开发
- 动画:从 AE 到 Web | Aotu.io「凹凸实验室」
¥事件
¥Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable, Selections
#Resize Observer
resize-observer-polyfill
- que-etc/resize-observer-polyfill: A polyfill for the Resize Observer API
- hustcc/size-sensor: ~1 Kb, DOM element size sensor which will callback when size changed.
- juggle/resize-observer: Polyfills the ResizeObserver API and supports box size options from the latest spec.
- vincentriemer/native-css-layout-animation-poc
- mjdease/preact-resize-observer: Element resize event for Preact
- Chomtana/EventX-ResizeObserver-event: Allow programmer to bind resize event for DOM or HTML element in very simple syntax (You can also use JQuery to bind resize event).
#Selections
Selection.js
- Simonwep/selection: Selection - A simple and lightweight library to realize visual DOM Selections, like on your Desktop. No jQuery. Supports any CSS library, e.g. Bootstrap.
- Selection.js
#缩放插件
fullPage.js
- alvarotrigo/fullPage.js: fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
zoom.js
- zoom.js:一款效果很独特的页面内容缩放插件 - 梦想天空(山边小溪) - 博客园
浏览器全屏
screenfull.js
- sindresorhus/screenfull.js: Simple wrapper for cross-browser usage of the JavaScript Fullscreen API
- screenfull.js demo
#拖拽
#拖拽教程
- 一步步实现网页图片的手势拖拽与缩放 - 掘金
- drag与drop事件 - 上善若水 水养金鱼 - CSDN博客
- JavaScript ondragstart、ondragenter、ondragover 、ondrop、ondragend - ssisse的博客 - CSDN博客
- HTML5--拖动02-dragstart、drag、dragenter、dragover、dragleave、drop、dragend属性 - 第二天半 - 博客园
- 原生拖拽,拖放事件(drag and drop) - 笔记 - SegmentFault 思否
draggabilly
- desandro/draggabilly: Make that shiz draggable
- Draggabilly
draggable
- Shopify/draggable: The JavaScript Drag & Drop library your grandparents warned you about.
- Draggable JS – JavaScript drag and drop library
dragula
- bevacqua/dragula: Drag and drop so simple it hurts
- dragula - Browser drag-and-drop so simple it hurts
drop
- HubSpot/drop: A library for creating dropdowns and other floating elements. #hubspot-open-source
- Drop
DragDrop
- kbjr/DragDrop: A JavaScript micro-framework for adding drag-and-drop functionality to elements for advanced UI development
- Dragdrop by kbjr
interact.js
- taye/interact.js: JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)
- interact.js - JavaScript drag and drop, resizing and gestures
smooth-dnd
- kutlugsahin/smooth-dnd: drag and drop library for javascript
- mark-rolich/Dragdrop.js: This Javascript package implements drag-n-drop functionality in a browser
- codrops/DragDropInteractions: Some inspiration for drag and drop interactions for the modern UI.
- Bernardo-Castilho/dragdroptouch: Polyfill that enables HTML5 drag drop support on mobile (touch) devices.
- StackHive/DragDropInterface: A Cross frame drag and drop interface for web browsers
- One-com/knockout-dragdrop: A drag and drop binding for Knockout.
- sunshine940326/sortable: 可拖放的sort插件
- StackHive - Faster front-end design and developmen
- daybrush/moveable: Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!
- moveable/packages/react-moveable at master · daybrush/moveable
- moveable/packages/preact-moveable at master · daybrush/moveable
- moveable/packages/ngx-moveable at master · daybrush/moveable
- moveable/packages/svelte-moveable at master · daybrush/moveable
¥JS键盘事件处理库
hotkeys
- jaywcjlove/hotkeys: ➷ A robust Javascript library for capturing keyboard input. It has no dependencies.
- git.io
jQuery.Hotkeys
- jeresig/jquery.hotkeys: jQuery Hotkeys lets you watch for keyboard events anywhere in your code supporting almost any key combination.
jwerty
- jwerty - Awesome handling of keyboard events
- keithamus/jwerty: ⌨ Awesome handling of keyboard events
js-shortcuts
- stepanvr/js-shortcuts: JavaScript Shortcuts Library
- JavaScript Shortcuts Library (jQuery plugin)
jquery.beeline
- map7/jquery.beeline: jquery shortcut key plugin
jquery-shortcuts
- ambethia/jquery-shortcuts: A very lightweight approach to keyboard shortcuts (hotkeys) with jQuery
jKey
- jKey Samples
Keymage
- piranha/keymage: Yet Another JS Keybinding library
KeyboardJS
- RobertWHurst/KeyboardJS: A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.
keymaster
- madrobby/keymaster: A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies.
keyboard_shortcuts
- Handling Keyboard Shortcuts in JavaScript
keyboard.backbone.js
- mathphreak/keyboard.backbone.js: Keyboard shortcuts tied into Backbone.js
Kibo
- marquete/kibo: A simple JavaScript library for handling keyboard events.
key-board-short-cuts
- pantuza/key-board-short-cuts: A simple example of key boards shortcuts implementation with javaScript
keys.js
- bitwalker/keys.js: Easy keybindings for browser applications!
- Keys.js - Introduction
Keypress
- Keypress: A Javascript library for capturing input
- dmauro/Keypress: A keyboard input capturing utility in which any key can be a modifier key.
kbnav
- vadimg/kbNav: Keyboard navigation for the web.
keycode.js
- nostrademons/keycode.js: A library for cross-browser normalization of keyboard events
- kabirbaidhya/keycode-js: A javascript package with Key Code constants.
keyutils
- Ryan724/keyutils: JavaScript针对键盘事件监听处理的工具库
keyCode对照表
- JavaScript Event KeyCodes
- KeyCode 对照表 - 蜂蜂的专栏 - CSDN博客
- keycode值对照表 - 暖心少年 - CSDN博客
- keyCode对照表及JS监听组合按键 - 笨小孩 - CSDN博客
- keycode键盘 按键 - 键码 对应表 - Yiven - 博客园
- Keycode对照表(键码对照表) - 青春阳光 - 博客园
- 如何用JS获取键盘上任意按键的值?兼容FireFox和IE js获取键盘ASCII码?js键盘事件全面控制 - 编程风云 - 博客园
- js键盘按钮keyCode及示例大全 - 我的过去 - 博客园
Mousetrap
- Mousetrap - Keyboard shortcuts in Javascript
- ccampbell/mousetrap: Simple library for handling keyboard shortcuts in Javascript
okShortcut(jQuery.shortcut.add 和 jQuery.shortcut.remove)
- [okShortcut] Add example page · okbreathe/jquery_plugins@3e17bff
UserKeyboardShortcuts
- re5et/UserKeyboardShortcuts: MooTools plugin to makes it easy for you to provide local user-customizable keyboard shortcuts for your users
- JavaScript捕获同时多个按键-非组合键_正经的博客-CSDN博客
- 20个优秀的 JavaScript 键盘事件处理库 - 梦想天空(山边小溪) - 博客园
- JavaScript屏蔽Backspace键 - 孤傲苍狼 - 博客园
¥鼠标滚轮事件
- jquery/jquery-mousewheel: A jQuery plugin that adds cross-browser mouse wheel support.
- JQuery鼠标滚轮事件 - dantegarden的专栏 - CSDN博客
- js对于鼠标滚轮事件的监听 - 九层之台,起于累土 千里之行,始于足下 - CSDN博客
- JS事件-鼠标滚轮事件 - 每天进步一点点 - CSDN博客
- jquery监听鼠标滚轮(滚动)事件 - leon-这个程序员不闷骚的博客 - CSDN博客
- javascript监听鼠标滚轮事件浅析_javascript技巧_脚本之家
- 关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别_javascript技巧_脚本之家
- JS判断鼠标向上滚动还是向下滚动-JavaScript/JQuery-代码家园
- jquery 鼠标滚轮事件 插件 Mousewheel - DoittioD - 博客园
- JS鼠标滚轮事件详解 - caoruiy - 博客园
- jQuery 鼠标滚轮事件 - 吕岳阳 - 博客园
¥触摸
hammer.js
- hammerjs/hammer.js: A javascript library for multi-touch gestures :// You can touch this
- Hammer.JS - Hammer.js
pressure
- stuyam/pressure: JavaScript library for handling Force Touch, 3D Touch, and Pointer Pressure.
- Pressure.js
¥屏幕捕捉
JavaScript-screenshot
- usecodelee/JavaScript-screenshot: JavaScript implementation of a screenshot with html2canvas.js and canvas2image.js
screenshoteer
- vladocar/screenshoteer: Make website screenshots and mobile emulations from the command line.
基于H5实现的屏幕捕捉库
- JSCapture – 基于 HTML5 实现的屏幕捕捉库 - 梦想天空(山边小溪) - 博客园
¥滚屏事件
scrollama
- russellgoldenberg/scrollama: Scrollytelling with IntersectionObserver.
- Scrollama Demo: Basic
scroll-out
- ScrollOut
- scroll-out/scroll-out: ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects!
uos
- vaneenige/uos: 🐭 A tiny 250b scroll listener with progress.
- uos - npm
¥事件代理、中心、监听、派发、发布订阅、驱动
#Event agent
delegated-events
- dgraham/delegated-events: A small, fast delegated event library for JavaScript.
eventproxy
- JacksonTian/eventproxy: An implementation of task/event based asynchronous pattern.
- eventproxy Documentation
- eventproxy.js
- https://raw.githubusercontent.com/JacksonTian/eventproxy/master/lib/eventproxy.js
events-proxy
- JohnApache/events-proxy: javascript 自定义事件代理
- segment-boneyard/proxy-events: Use https://github.com/segmentio/forward-events instead.
#Event emitter
EventEmitter
- Olical/EventEmitter: Evented JavaScript for the browser
EventEmitter3
- primus/eventemitter3: EventEmitter3 - Because there's also a number 2. And we're faster.
tiny-emitter
- scottcorgan/tiny-emitter: A tiny (less than 1k) event emitter library
- callmecavs/knot.js: A browser-based event emitter, for tying things together.
#Event listeners
- zurb/reactive-listener
- wnr/element-resize-detector: Optimized cross-browser resize listener for elements.
- mona-events - npm
EventUtil
- xiaomoinfo/EventUtil: 跨浏览器事件处理函数(keywords: 前端学习使用资料笔记摘要源代码note learn
- EventUtil——跨浏览器的事件对象 - 黄映焜 - 博客园
EventBus
- krasimir/EventBus: Simple JavaScript class for managing events
flowhub
- yyued/flowhub: Through a simple way to deal with the event flow.
- flowhub | Through a simple way to deal with the event flow.
PubSubJS
- mroderick/PubSubJS: Dependency free publish/subscribe for JavaScript
- DDFE/events: 事件管理中心,用于全局监听,派发事件
- cferdinandi/events: A tiny event delegation library.
- 基于"发布-订阅"的原生JS插件封装 - 掘金
¥手势库
any-touch
- any86/any-touch: 一个手势库, 支持PC / 手机端
- 🖐 AnyTouch
¥拖放排序插件
Sortable
- SortableJS/Sortable: Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery required. Supports Meteor, AngularJS, React, Polymer, Vue, Ember, Knockout and any CSS library, e.g. Bootstrap.
- Sortable. No jQuery.
Slip.js
- kornelski/slip: Slip.js — UI library for manipulating lists via swipe and drag gestures
¥可视化
¥antvis
antv
- AntV team
- AntV | 蚂蚁数据可视化
- 蚂蚁数据可视化 - AntV
G2
- antvis/G2: 📊 A highly interactive data-driven visualization grammar for statistical charts.
- antvis/g2: The Grammar of Graphics in JavaScript
- antvis/G2Plot: An interactive and responsive charting library
- G2 可视化引擎 | AntV
- G2Plot 开箱即用的图表库 | AntV
- G2 基础图表类库 - AntV
G6
- antvis/G6: ♾ A Graph Visualization Framework in JavaScript
- G6 图可视化引擎 | AntV
¥Map
city-roads
- anvaka/city-roads: Visualization of all roads within any city
- Draw all roads in a city at once
Leaflet
- Leaflet/Leaflet: JavaScript library for mobile-friendly interactive maps
- lbj96347/2020-virus-map: Base on China official news to pop up virus cases on map. 基于中国官方新闻公布数据,绘制新型冠状病毒案例于地图上。
- shfshanyue/2019-ncov: 全国新型冠状病毒,肺炎疫情实时省市地图
- 地图选择器
- 地图选择器
- 拾取坐标系统
- Native地图与Web融合技术的应用与实践
¥signal
- chartjs/Chart.js: Simple HTML5 Charts using the <canvas> tag
- microsoft/SandDance: Visually explore, understand, and present your data.
- williamngan/pts: A library for visualization and creative-coding
- AAChartModel (An An)
- apachecn/fund-data-vis-zh
- Rappid: Powerful visual tools at your fingertips
- TOAST UI :: Make Your Web Delicious!
- The Best JavaScript Data Visualization & Charting Libraries 2018 | Code Wall
- From data to Viz | Find the graphic you need
- 可视化搭建数据大屏系统的前端实现 - 掘金
- 技术决策:自研和半自研数据报表与可视化大盘 - 掘金
- 前端开源、易扩展、方便集成的绘图工具(微服务架构图、网络拓扑图、流程图、活动图、思维导图等) - 掘金
- 可视化搭建页面,你会遇到这 143 个问题么 - 掘金
- 【精心推荐】几款实用的 JavaScript 图形图表库 - 梦想天空(山边小溪) - 博客园
- 推荐12个最好的 JavaScript 图形绘制库 - 梦想天空(山边小溪) - 博客园
- 像素地图生成工具帮助你快速生成精美地图 - 梦想天空(山边小溪) - 博客园
- 推荐18个基于 HTML5 Canvas 开发的图表库 - 梦想天空(山边小溪) - 博客园
- 数据可视化|数据可视化分析|数据可视化工具|数据可视化大屏幕展示 —UILeader
- 智能可视化搭建系统架构演变
¥甘特图
dhtmlxGantt
- DHTMLX/gantt: Javascript Gantt chart
- 艰难用echarts模拟甘特图😭,直到我发现了dhtmlxGantt - 掘金
PlusGantt
- 普加甘特图(PlusGantt) V3.0 开发文档
- ECharts Gallery
- EChart 制作类似微软的 甘特图 - CSDN博客
- 13个js版gantt甘特图控件集合_51CTO下载中心_IT技术资料免费下载
- jQuery甘特图插件jQuery.Gantt
- 甘特图
- robicch/jQueryGantt: jQuery Gantt editor
- frappe/gantt: Open Source Javascript Gantt
- thegrubbsian/jquery.ganttView: An editable jQuery Gantt chart plugin.
- mbielanczuk/jQuery.Gantt: jQuery Gantt Chart
- neyric/gh-issues-gantt: Generate Gantt Diagrams from GitHub Issues
- lenxeon/gantt: 项目甘特图,可调整任务的开始结束时间,百分比
- oguzhanoya/jquery-gantt: 🌈 Lightweight jQuery gantt plugin.
- realm/github-gantt: Generate Gantt Charts From Github Issues!
- ybx13579/jQuery.Gantt: jQuery.Gantt 甘特图
- d-band/gantt: Gantt chart library using jsx support SVG, Canvas and SSR
- limodou/uli-gantt: JQuery gantt plugin, based on d3.js and mmGrid
- jsGanttImproved/jsgantt-improved: A fully featured gantt chart component built entirely in Javascript, CSS and AJAX. No images required.
- FlamingTempura/JSGanttChart: JavaScript Gantt Chart Framework
- mattiasmak/Polymer-gantt: Polymer gantt
- substack/gantt-chart: generate an svg gantt chart in node and the browser
- ProtoTeam/time-gantt: 一个react类甘特图图表,功能是时间基线上的任务耗时管理,并且能够与过往耗时进行对比
- erikthered/raphael-gantt: Draw gantt charts with Raphaël and Moment.js
- goofmint/TodoistGanttChartView: Gantt Chart Viewer for Todoist
¥热力图
- pa7/heatmap.js: 🔥 JavaScript Library for HTML5 canvas based heatmaps
- pa7/Keyboard-Heatmap: Realtime Keyboard Heatmap showing the character distribution of texts - made with heatmap.js
- pyalot/webgl-heatmap: A high performance WebGL/JS heatmap display library
- mohans-ca/d3js-heatmap: 10 Steps to create calendar view heatmap in d3.js
- Web数据可视化-手把手教你实现热力图 - 掘金
¥流程图(flow chart)
flowchart.js
- adrai/flowchart.js: Draws simple SVG flow chart diagrams from textual representation of the diagram
- flowchart.js
imove
- imgcook/imove: Move your mouse, generate code from flow chart
- 使用文档 · 语雀
apexcharts.js
- Installation – ApexCharts
- apexcharts/apexcharts.js: A JavaScript Chart Library
- ApexCharts.js – Open-Source HTML5 JavaScript Charts
anychart
anychart core
- Overview | AnyGantt - Powerful HTML5 Gantt, Resource and PERT charts
- Gallery | AnyGantt | Powerful HTML5 Gantt, Resource and PERT charts
AwesomeChartJS
- AwesomeChartJS
- cyberpython/AwesomeChartJS: A simple JavaScript chart rendering library
amcharts
- JavaScript Charts & Maps - amCharts
aristochart
- Aristochart - Sophisticated Javascript charts.
arborjs
- arbor.js
- samizdatco/arbor: a graph visualization library using web workers and jQuery
ArcGIS
- ArcGIS API for JavaScript | ArcGIS for Developers (Latest)
- ArcGIS API for JavaScript - ArcGIS知乎-新一代ArcGIS问答社区
- ArcgisAPIforJavascript入门(一) - Javascript教程_JS教程_技术文章 - 红黑联盟
- arcgis for js 添加点、添加圆、添加面、添加线 - 前端林三哥 - CSDN博客
- arcgis api for js - 随笔分类 - GIS之家 - 博客园
- 【ArcGIS for JS基础教程】 - 牛健平 - 在线视频教程-CSDN学院
- ArcGIS for JavaScript学习(一) - 锋aa - 博客园
- arcgis for js 小功能组件大集合 - 前端林三哥 - CSDN博客
- ArcGIS API for JavaScript 3.27
bonsai
- uxebu/bonsai: BonsaiJS is a graphics library and renderer
- BonsaiJS - A Graphics Library
bluff
- Bluff: Beautiful graphs in JavaScript
bpmn.js
- bpmn.io
- bpmn-io/bpmn-js: A BPMN 2.0 rendering toolkit and web modeler.
- bpmn-io/bpmn-moddle: Read and write BPMN 2.0 XML from JavaScript.
- bpmn-io/bpmn-js-examples: Some examples how to use bpmn-js
- LinDaiDai/bpmn-chinese-document: 📒全网最详bpmn.js中文教材/文档
- samulle/bpmn-vue-panel
- LinDaiDai/bpmn-vue-basic: 🌰基于vue编写的一些自定义bpmn.js案例-基础篇
- bpmn-io/min-dash: Minimum utility toolbelt
- Web-based tooling for BPMN, DMN and CMMN | bpmn.io
- Forum - bpmn.io
- 全网最详bpmn.js教材 - 掘金
- 全网最详bpmn.js教材-基础篇 - 掘金
- 全网最详bpmn.js教材-http请求篇 - 掘金
- 全网最详bpmn.js教材-事件篇 - 掘金
- 全网最详bpmn.js教材-自定义palette篇 - 掘金
- 全网最详bpmn.js教材-自定义renderer篇 - 掘金
- 全网最详bpmn.js教材-自定义contextPad篇 - 掘金
- 全网最详bpmn.js教材-编辑、删除节点篇 - 掘金
- 全网最详bpmn.js教材-封装组件篇 - 掘金
- 全网最详bpmn.js教材-properties篇 - 掘金
- 全网最详bpmn.js教材-properties-panel篇(上) - 掘金
- 全网最详bpmn.js教材-properties-panel篇(下) - 掘金
- 全网最详bpmn.js教材-群友问题汇总(一) - 掘金
- 在vue中使用bpmn-js(进阶) - 掘金
- 关于bpmn.js交流群的说明 - 掘金
- Vue 整合Bpmn-js 工作流模型编辑器 - 掘金
- Bpmn.js 在线流程编辑器的汉化 - 掘金
- 2018-01-18 Bpmn-JS修改生成的XML、.net(c#) winform文本框输入、AngularJS 事件、伸缩框的设置、DevExpress中GridView上的右键菜单 - 简书
- 全网最详bpmn.js教材-http请求篇 - 简书
css-doodle
- css-doodle/css-doodle: 🎨 A web component for drawing patterns with CSS.
- <css-doodle />
canvasxpress
- canvasXpress
canvasjs
- Beautiful HTML5 JavaScript Charts | CanvasJS
Chart.js
- chartjs/Chart.js: Simple HTML5 Charts using the <canvas> tag
charted
- charted-co/charted: A charting tool that produces automatic, shareable charts from any data file
- Charted
Cytoscape.js
- cytoscape/cytoscape.js: Graph theory / network library for visualisation and analysis
- Cytoscape.js
cloud-charts
- alibaba/cloud-charts: 开箱即用的前端图表库,简单配置就能拥有漂亮的可视化图表
- Cloud Charts 图表库
d3
d3-dag
- erikbrinkman/d3-dag: Layout algorithms for visualizing directed acyclic graphs
- d3/d3: Bring data to life with SVG, Canvas and HTML.
- D3.js - Data-Driven Documents
- D3可视化:(1)初次见面,SVG与D3的魅力 - 掘金
- D3可视化:(2)Bar Chart with D3js - 掘金
- 用 vue + d3 画一棵树 - 掘金
- d3.js关于比例尺报Cannot read property 'linear' of undefined错误的解决方法 - CSDN博客
- MetricGraphics.js – 时间序列数据的可视化 - 梦想天空(山边小溪) - 博客园
dynatable
- Dynatable.js - jQuery plugin for HTML5+JSON interactive tables and more
- alfajango/jquery-dynatable: A more-fun, semantic, alternative to datatables
dc.js
- dc.js - Dimensional Charting Javascript Library
- dc-js/dc.js: Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js
dygraphs
- dygraphs.com
- danvk/dygraphs: Interactive visualizations of time series using JavaScript and the HTML canvas tag
datavjs
- TBEDP/datavjs: DataV
DataV
- DataV-Team/DataV: Vue数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新(React版已发布)
- DataV
- DataV-Team/DataV-React: React数据可视化组件库(类似阿里DataV,大屏数据展示),提供SVG的边框及装饰、图表、水位图、飞线图等组件,简单易用,长期更新
excalidraw
- excalidraw/excalidraw: Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
echarts
echarts core
- apache/incubator-echarts: A powerful, interactive charting and visualization library for browser
- ecomfe/echarts: A powerful, interactive charting and visualization library for browser
- Apache ECharts (incubating)
- ECharts 数据可视化实验室
- Apache ECharts (incubating)
- ECharts
- ECharts Documentation
- ECharts · Doc
- 基于html5 Canvas图表库 : ECharts | 菜鸟教程
echarts map
echarts-map
- kidddfu/echarts-map: 😱ECharts的map资源,js及json。ECharts Map。
合并地图上的区域
- ECharts合并地图上的区域 - 超频化石鱼的博客 - CSDN博客
- Echarts3之全国地图和省市地图二合一整合 - ZT的专栏 - CSDN博客
- Echarts地图合并提取 - 萝卜丶dada - CSDN博客
- Echarts地图相关功能整合 - 花飘万家雪 - CSDN博客
- Echarts地图详解(地图样式、合并地图、增加地图) - qq_21963133的博客 - CSDN博客
- TangSY/echarts-map-demo: echarts地图边界数据的实时获取与应用,省市区县多级联动下钻,真正意义的下钻至县级【附最新geoJson文件下载】
- 使用echarts模拟迁徙图 - 掘金
- ECharts实现可视化全国地图省市县(区)区域下钻
- echarts各省份地图合并成一个JS文件-CSDN下载
- china.js实现中国地图 - CSDN博客
- echarts地图全国省份js资源-CSDN下载
- ECharts的map资源,js及json。ECharts Map-CSDN下载
- echarts china map-CSDN下载
- echarts 中国地图 china.js SVG 地图-CSDN下载
- echarts地图扩展中国分区域geoJSON地图数据-CSDN下载
- 【echarts】--地图添加边界,图层的叠加以及散点图的实现 - lyn - CSDN博客
- Echarts实现地图下钻+对应区域数据展示+右键返回上一级 - 逆水行舟,不进则退 - CSDN博客
- ECharts中国地图篇-名称经纬度调整 - 唐策的博客 - CSDN博客
- Openlayers4.6.3模仿迁徙图 - 未来的大神 - 简书
echarts options
- Echarts(二、柱状图(各参数详细描述)) - CSDN博客
- 浅谈Echarts 使用配置 - CSDN博客
- ECharts属性设置 - CSDN博客
echarts 资源、整理集&FAQ
echarts 资源
- ECharts Gallery
- ECharts Gallery
- ECharts Gallery
- ECharts Gallery
- ECharts Gallery
- ECharts Gallery - 南丁格尔
- World Flights - Powered by ECharts-X
- ECharts Gallery
- World Flights - Powered by ECharts-X
- ECharts Demo
- ECharts的微博_微博
echarts 整理集
- 关于echarts使用的常见问题总结 - 李文杨 - 博客园
echarts FAQ
- ECharts3基础教程(三)title配置篇 - CSDN博客
- echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐) - CSDN博客
- echarts 随屏幕大小改变大小chart.resize() - CSDN博客
- echarts x轴文字显示不全(xAxis文字倾斜比较全面的3种做法值得推荐) - CSDN博客
- echarts 地图标注 symbol - CSDN博客
- Echarts的graph关系图的节点图片自定义及关系边上的提示框内容自定义 - CSDN博客
- echarts2.0中的树图结构,怎么能更改默认自带的圆形,在哪里能修改-CSDN论坛
- echarts自定义tooltip显示内容 - ZhonG_z的个人空间 - 开源中国
- ECharts力导向图,节点为图片修改样式。 - 开源中国社区
ervy
- chunqiuyiyu/ervy: Bring charts to terminal.
- Ervy - Bring charts to terminal.
elycharts
- Elycharts | Elycharts, the ultimate javascript charting library
- voidlabs/elycharts: Interactive Javascript (SVG|VML) Charting Library
Envision.js
- envision - demos
- HumbleSoftware/envisionjs: Dynamic HTML5 visualization
ember-charts
- Addepar/ember-charts
fusioncharts
- JavaScript charts for web & mobile | FusionCharts
- FusionCharts Technologies
flot
- Flot: Attractive JavaScript plotting for jQuery
- flot/flot: Attractive JavaScript charts for jQuery
frappe
- Frappe Charts: Simple and Modern SVG Charts
- frappe/charts: Simple, responsive, modern SVG Charts with zero dependencies
Grafico
- Grafico: Javascript charting library • Design • Kilian Valkhof
graphdracula
- Dracula Graph Library | Graph Computation, Layout, Algorithms for JavaScript
graphviz
- Graphviz - Graph Visualization Software
GoJS
- GoJS Diagrams for JavaScript and HTML, by Northwoods Software
- Get Started with GoJS
- 关于 GoJS 你了解多少?
Highcharts
Highcharts core
- Highcharts API 文档 | Highcharts
- Highcharts中文论坛
- Interactive JavaScript charts for your webpage | Highcharts
- highcharts/highcharts: Highcharts JS, the JavaScript charting framework
- github.highcharts.com
- 兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts
- undefined 简数 CDN
- 动态更新的图表 | Highcharts
- 图表导出模块概述 | Highcharts 使用教程
- 兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts
- HighChart前后台封装,构造个性化图表插件highChartTools,快捷创建各种图表 - SoFeelLove的专栏 - CSDN博客
Highcharts libs、plugins&tools
Gantt
- Gantt chart –
- Highcharts Gantt is in Alpha! - Highcharts
- Gantt chart | JShare
Highcharts 资源、整理集&FAQ
demo
- 正态分布图 | JShare
- 基础柱形图 | JShare
- 直方图 | JShare
- 更新数据列数据 | JShare
- 设置区域划分线代表的值为5.5 | JShare
- 设置区域划分带的颜色为#FCFFC5 | JShare
- Highcharts Demo - JSFiddle
- 数组数据进行关联 | JShare
- 动态更新坐标轴 | JShare
- 直线图数据点点击事件 | JShare
- 数据列点击事件 | JShare
- 各种更新数据列 | JShare
- 获取选中的数据列 | JShare
- 删除数据列 | JShare
- 极地图 | JShare
- 蜘蛛图 | JShare
- 高级更新 | JShare
instance
- highcharts 获取图表对象的几种方法 - liuqiaoying_lqy的专栏 - CSDN博客
- 图表对象获取方法 | JShare
辅助线&注释
- highcharts实现画辅助线功能并删除 - ZRRJDD - 博客园
- highcharts注释功能 - ZRRJDD - 博客园
- blacklabel/annotations: Annotations plugin for Highstock by Black Label
- Demo
- Custom events - Highcharts module
- ZRRJDD/highchart: 主要存放highchart功能相关源码。
jscharts
- JS Charts - Free JavaScript charts
jfreechart
- JFreeChart
jsxgraph
- JSXGraph - JSXGraph
- JSXGraph
Least.js
- kamilczujowski/least.js-2: This plugin is no longer maintained – Random and Responsive HiDPI jQuery Gallery based on HTML5 and CSS3
mermaid
- mermaid-js/mermaid: Generation of diagram and flowchart from text in a similar manner as markdown
- knsv/mermaid: Generation of diagram and flowchart from text in a similar manner as markdown
- mermaid · GitBook
mapkitjs
- MapKit JS - Maps - Apple Developer
morris.js
- morris.js
- morrisjs/morris.js: Pretty time-series line graphs
mxgraph(可画拓扑流程图等)
- jgraph/mxgraph: mxGraph is a fully client side JavaScript diagramming library
- mxGraph 3.9.8
- JavaScript Diagramming
- mxGraph - CSDN博客
- mxgraph进阶(五)搭建mxGraph简单应用 - CSDN博客
- mxgraph - CSDN博客
- mxGraph 开发样例展示 - diydyq - 博客园
- mxGraph 用户手册 – JavaScript客户端 - Kora - 博客园
- Mxgraph使用总结一 - shawWey - 博客园
MultiQC
- ewels/MultiQC: Aggregate results from bioinformatics analyses across many samples into a single report.
OrgChart
- dabeng/OrgChart: It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart.
- caprica/jquery-orgchart: JQuery Organisation Chart Plugin
- wesnolte/jOrgChart: A jQuery plugin to draw tree-like structures such as OrgCharts.
paperjs
- Paper.js
- paperjs/paper.js: The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey
pizza-pie-charts
- Pizza Pie Charts | Playground from ZURB
- zurb/pizza: Better pie, donut, line, and bar graphs.
plantuml
- 开源工具,使用简单的文字描述画UML图。
pigeon-maps
- mariusandra/pigeon-maps: ReactJS Maps without external dependencies
- pigeon-maps
p5.js
- processing/p5.js: p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
- home | p5.js
- mapk/p5js-block: A p5.js block for Gutenberg in WordPress
Processing.js
- Processing.js
- processing-js/processing-js: A port of the Processing visualization language to JavaScript.
Rappid
- Rappid: Powerful visual tools at your fingertips
reference
- Raphaël Reference
- DmitryBaranovskiy/raphael: JavaScript Vector Library
- Raphaël—JavaScript Library
raphael
- Raphaël Reference
- Raphaël—JavaScript Library
- Raphaël Reference
- DmitryBaranovskiy/g.raphael: Charts for Raphaël
- crccheck/raphael-svg-import-classic: Import SVG files to Raphael
- DmitryBaranovskiy/raphael: JavaScript Vector Library
- neveldo/jQuery-Mapael: jQuery plugin based on raphael.js that allows you to display dynamic vector maps
rawgraphs
- RAWGraphs
- densitydesign/raw: The missing link between spreadsheets and data visualization
rgraph
- RGraph is a Free and Open Source JavaScript charts library for websites
roughViz
- jwilber/roughViz: Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
SVG.js
- SVG.js | Home
- svgdotjs/svg.js: The lightweight library for manipulating and animating SVG
Sinomap
- Sinomap - 超轻量 JS 地图库
- doodlewind/sinomap: 🌎 Super lightweight canvas map lib.
smoothiecharts
- Smoothie Charts: A JavaScript Charting Library for Streaming Data
- joewalnes/smoothie: Smoothie Charts: smooooooth JavaScript charts for realtime streaming data
Sparky
- Sparky
sigmajs
- Sigma js
- jacomyal/sigma.js: A JavaScript library dedicated to graph drawing
SVGator
- SVG Animation Creator - Animate and Export SVG | SVGator
SuperMap
- SuperMap/iClient-JavaScript: Modern GIS Web Client for JavaScript, based on Leaflet\OpenLayers\MapboxGL-JS\Classic(iClient8C), enhanced with ECharts\D3\MapV etc. Contributed by SuperMap & community.
- SuperMap iClient JavaScript 10i
tui-chart
- TOAST UI :: Make Your Web Delicious!
- nhnent/tui.chart: 🍞🍯 Beautiful chart for data visualization.
vis.js
- vis.js - A dynamic, browser based visualization library.
- almende/vis: vis.js is a dynamic, browser-based visualization library
viser
- viserjs/viser: viser is a toolkit fit for data vis engineer. https://viserjs.gitee.io/
- Viser
- 图之典
- 从图形语法理解各类图表库
$网络、存储&安全
¥CDN
cdnjs
- cdnjs
- cdnjs/cdnjs: 🤖 CDN assets - The #1 free and open source CDN built to make life easier for developers.
- cdnjs - The #1 free and open source CDN built to make life easier for developers
UNPKG
- mjackson/unpkg: The CDN for everything on npm
- UNPKG
- Unpkg 简介-云栖社区-阿里云
- 貌似发现了一个 unpkg.com 在国内的镜像? - V2EX
- 请问如何下载unpkg的文件目录? - 你可以叫我大仙的回答 - SegmentFault 思否
- BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- 使用 SRI 解决 CDN 劫持 - 掘金
¥Web 推送&实时消息推送
《Web 推送通知》
- 《Web 推送通知》系列翻译 | 引言&概览 - 掘金
- 《Web 推送通知》系列翻译 | 第二篇:推送是怎么工作的? - 掘金
- 《Web 推送通知》系列翻译 | 第三篇:订阅一个用户 - 掘金
- 《Web 推送通知》系列翻译 | 第四篇:请求权限的交互 - 掘金
- 《Web 推送通知》系列翻译 | 第五篇:使用 Web 推送库发送消息 && 第六篇:Web 推送协议 - 掘金
- 《Web 推送通知》系列翻译 | 第七篇:推送事件 && 第八篇:显示一个通知 - 掘金
- 《Web 推送通知》系列翻译 | 第九篇:通知行为 && 第十篇:常用的通知模式 - 掘金
- 《Web 推送通知》系列翻译 | 第十一篇:FAQ && 第十二篇:常见问题以及错误反馈 - 掘金
- Web 实时推送技术的总结 - 掘金
- 实时消息推送整理
¥爬虫、存储、加载、路由&会话
¥web爬行和抓取库
Apify
- Apify
- apifytech/apify-js: Apify SDK: The scalable web crawling and scraping library for JavaScript. Enables development of data extraction and web automation jobs (not only) with headless Chrome and Puppeteer.
- apify - npm
- 基于Apify+node+react/vue搭建一个有点意思的爬虫平台
¥存储&异步存储
#Cache
HTML5-离线缓存
- 网络应用清单 | Web | Google Developers
- Manifesto - An HTML5 Offline Application Cache verification bookmarklet
- HTML5-离线缓存(Application Cache) - 前端 - 掘金
- 聊一聊 H5 应用缓存 - Manifest - 掘金
- html5 manifest 离线缓存 - 前端 - 掘金
- 解锁缓存新姿势——更灵活的 Cache - 掘金
- PWA之前端项目,实现可安装、离线缓存、消息推送 - 掘金
- Android Webview H5 秒开方案实现 - 掘金
- [译]前端离线指南(上) - 掘金
- [译]前端离线指南(下) - 掘金
lscache
- pamelafox/lscache: A localStorage-based memcache-inspired client-side caching library.
jsCache
- mortzdk/jsCache: jsCache is a javascript library that enables caching of javascripts, css-stylesheets and images using my localStorage polyfill. This is especially useful when serving your website for mobile phones, which has limited HTTP caching availabl
#Cookie
#Cookie core
Cookie Store API
- Cookie Store API
- Cookie Store API
Chrome Same-Site Cookies
- GoogleChromeLabs/samesite-examples: Examples of using the SameSite cookie attribute in a variety of language, libraries, and frameworks.
- draft-ietf-httpbis-cookie-same-site-00 - Same-Site Cookies
- SameSite cookies explained
- 如何快速技术升级?应对Chrome新版禁非法读取第三方Cookie - 知乎
- 什么是CookieMapping - 知乎
- 谷歌浏览器开始测试第三方Cookie拦截_cookie
- Chrome 提标 您的浏览器限制了第三方Cookie...解决方法 - ..Summer - 博客园
#Cookie libs、plugins&tools
cookie
- jshttp/cookie: HTTP server cookie parsing and serialization
cookieconsent
- osano/cookieconsent: A free solution to the EU, GDPR, and California Cookie Laws
Cookies
- ScottHamper/Cookies: JavaScript Client-Side Cookie Manipulation Library
cookie.js
- florian/cookie.js: A tiny JavaScript library that simplifies cookies.
cookies.js
- madmurphy/cookies.js: Simple cookie framework with full Unicode support
cookie-universal
- microcipcip/cookie-universal: Universal cookie plugin, perfect for SSR
evercookie
- samyk/evercookie: Produces persistent, respawning "super" cookies in a browser, abusing over a dozen techniques. Its goal is to identify users after they've removed standard cookies and other privacy data such as Flash cookies (LSOs), HTML5 storage, Silve
js-cookie
- js-cookie/js-cookie: A simple, lightweight JavaScript API for handling browser cookies
jquery-cookie
- carhartl/jquery-cookie: No longer maintained, superseded by JS Cookie:
- 通过jquery.cookie.js实现记住用户名、密码登录功能 - CSDN博客
- jquery.cookie.js实现用户登录保存密码功能的方法_jquery_脚本之家
- jquery.cookie用法详细解析_jquery_脚本之家
- jquery.cookie.js操作cookie实现“记住密码” - 横江东来 - 博客园
- jQuery cookie 实现记住用户名和密码功能 - 冯叶青 - 博客园
- jquery.cookie.js实现cookie记住用户名和密码 - lindaZ - 博客园
- jquery.cookie.js操作cookie实现记住密码功能 - 一刀3段 - ITeye博客
tarteaucitron.js
- AmauriC/tarteaucitron.js: RGPD friendly cookie manager
weapp-cookie
- charleslo1/weapp-cookie: 一行代码让微信、头条、百度、支付宝小程序支持 cookie,兼容 uni-app 🍪🚀 One line of code allows weapp to support cookie(wx weixin wxapp cookie)
- Alex1990/tiny-cookie: A tiny cookie manipulation plugin for the browser.
#Cookie 资源、整理集&FAQ
cookie填充内容
JS Cookie 中文乱码
- js读写cookie方式以及中文乱码问题 - CSDN博客
- [转]JS Cookie 中文乱码 - Seasons1987 - 博客园
- HTML5学习之关于Cookie的expires过期时间无效分析 - CSDN博客
- 正确使用 cookie 的 expires - CSDN博客
- 不同浏览器Cookie有效期问题 - CSDN博客
- JS设置cookie、读取cookie、删除cookie_javascript技巧_脚本之家
- Cookie的过期时间的是哪里的时区?-CSDN问答
- 傻傻分不清之 Cookie、Session、Token、JWT - 掘金
- 一文带你看懂cookie,面试前端不用愁 - 掘金
- 怎样与 CORS 和 cookie 打交道 - 掘金
- 我遇过的最难的Cookie问题 - 掘金
- 关于前后端写入Cookie时domain的一个问题 - 掘金
- 京东购物小程序cookie方案实践 - 掘金
- 预测最近面试会考 Cookie 的 SameSite 属性 - 掘金
- 看完这篇 Session、Cookie、Token,和面试官扯皮就没问题了 - 掘金
- 当浏览器全面禁用三方 Cookie - 掘金
- 前后端通讯:非敏感信息Cookie的"强化"之路
- 关于 Cookie,这些足够了
#IndexedDB
Dexie.js
- dfahlander/Dexie.js: A Minimalistic Wrapper for IndexedDB
- Dexie.js - Minimalistic IndexedDB Wrapper
db
- ngrx/db: RxJS powered IndexedDB for Angular apps
db.js
- aaronpowell/db.js: db.js is a wrapper for IndexedDB to make it easier to work against
IndexedDBShim
- axemclion/IndexedDBShim: A polyfill for IndexedDB using WebSql
IndexedDB
- w3c/IndexedDB: Indexed Database API
- Indexed Database API 3.0
idb
- jakearchibald/idb: IndexedDB, but with promises
- idb - npm
indexeddb-backbonejs-adapter
- superfeedr/indexeddb-backbonejs-adapter: An indexedDB adapter for Backbonejs
- Superfeedr Blog - Backbonejs adapter for IndexedDB
IDBWrapper
- jensarps/IDBWrapper: A cross-browser wrapper for IndexedDB
- IDBWrapper
idb.filesystem.js
- ebidel/idb.filesystem.js: HTML5 Filesystem API polyfill using IndexedDB
- idb.filesystem.js - npm
jquery-indexeddb
- axemclion/jquery-indexeddb: An IndexedDB Plugin for Jquery.
- Jquery IndexedDB Plugin
JsStore
- ujjwalguptaofficial/JsStore: JsStore is an IndexedDB Wrapper. It makes IndexedDB super easy with its SQL like apis.
- JsStore - Think in SQL and do in JS
level-js
- Level/level-js: An abstract-leveldown compliant store on top of IndexedDB.
treo
- treojs/treo: Consistent API to IndexedDB
- treojs.com
zangodb
- erikolson186/zangodb: MongoDB-like interface for HTML5 IndexedDB
- Index
- IndexedDB(一:基本使用) - 掘金
- HTML5本地存储——IndexedDB(一:基本使用) - 谦行 - 博客园
- HTML5本地存储——IndexedDB(二:索引) - 谦行 - 博客园
- HTML5 IndexedDB本地储存-H5教程-PHP中文网
#StorageEvent
- storage - Web API 接口参考 | MDN
- 谈谈StorageEvent - 掘金
- localStorage变更事件当前页响应新解-awen - cczw - 博客园
#WebStorage
barn
- arokor/barn: Fast, atomic persistent storage layer on top of localstorage
localStorage
- machao/localStorage: 全浏览器兼容localStorage组件
- 📦 首个浏览器内置模块 kv-storage 异步版的 localStorage - 掘金
- 如何给localStorage设置一个过期时间? - 掘金
- 浏览器缓存库设计总结(localStorage/indexedDB) - 掘金
- 前端存储除了 localStorage 还有啥 - 掘金
- 项目实战之本地存储篇~一文搞定前端本地存储
- localstorage的跨域存储方案 - 简书
localForage
- localForage——轻松实现 Web 离线存储 - 梦想天空(山边小溪) - 博客园
- localForage/localForage: 💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.
- localforage - npm
- localForage
- localForage 中文文档
lockr
- tsironis/lockr: A minimal API wrapper for localStorage
store.js
- store.js - 轻松实现本地存储(LocalStorage) - 梦想天空(山边小溪) - 博客园
- marcuswestin/store.js: Cross-browser storage for all use cases, used across the web.
store
- nbubna/store: A better way to use localStorage and sessionStorage
使用异步存储提升 Web 应用程序的离线体验
- 使用异步存储提升 Web 应用程序的离线体验 - 梦想天空(山边小溪) - 博客园
- scotttrinh/angular-localForage: Angular service & directive for https://github.com/mozilla/localForage (Offline storage, improved.)
- tkh44/react-localforage: 👨🌾 Declarative localForage in React
- genkgo/ember-localforage-adapter: Offline usage for Ember Data, based on localstorage adapter, but now uses Mozilla's localforage as data source
- thgreasi/localForage-cordovaSQLiteDriver: SQLite driver for Cordova apps using localForage.
- alekseykulikov/storage: Asynchronous browser storage with multiple back-ends (IndexedDB, WebSQL, localStorage)
- shidianxia/vue-localforage: A simple Vue plugin wrapped from localForage.
- localForage/localForage-backbone: Backbone.js driver for the localForage offline storage library
- Chechengyi/sweet-storage: 给localStorage整合了过期时间的功能
- softvar/secure-ls: Secure localStorage data with high level of encryption and data compression.
- dom-storage - npm
- 基于 localStorage 实现一个具有过期时间的 DAO 库 - 掘金
brownies
- franciscop/brownies: 🍫 Tastier cookies, local, session, and db storage in a tiny package. Includes subscribe() events for changes.
basil.js
- Wisembly/basil.js: The missing Javascript smart persistent layer
- samyk/poisontap: Exploits locked/password protected computers over USB, drops persistent WebSocket-based backdoor, exposes internal router, and siphons cookies using Raspberry Pi Zero & Node.js.
- krasimir/lsbridge: Using local storage as a communication channel
- 实现本地跨域存储 - 掘金
- 技术周刊(2019-01-14 客户端存储 )
¥页面预加载
prerender
- prerender/prerender: Node server that uses Headless Chrome to render a javascript-rendered page as HTML. To be used in conjunction with prerender middleware.
prerender-spa-plugin
- chrisvfritz/prerender-spa-plugin: Prerenders static HTML in a single-page application.
prerender-node
- prerender/prerender-node: Express middleware for prerendering javascript-rendered pages on the fly for SEO
quicklink
- GoogleChromeLabs/quicklink: ⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time
- Quicklink
- 【漫游Github】quicklink 的实现原理与给前端的启发 - 掘金
- quicklink 为你的页面实现秒开 - 掘金
vue-seo-prerender
- snipcart/vue-seo-prerender: Vue.js Tutorial: A Prerendered, SEO-Friendly Example
- Vue.js SEO-Friendly SPAs: Tips, Tools & Prerender Example - Snipcart
- CSR、SSR、Prerender 原理全解密 - 掘金
¥新窗口
browser-js
- kud/browser-js: A sugar for your browser.
pennywise
¥前端路由
page.js
- visionmedia/page.js: Micro client-side router inspired by the Express router
- Page.js by visionmedia
pathjs
- mtrpcic/pathjs: Simple, lightweight routing for web browsers
universal-router
- kriasoft/universal-router: A simple middleware-style router for isomorphic JavaScript web apps
- universal-router - npm
- Universal Router ∙ Isomorphic routing solution for JavaScript applications
- flatiron/director: a tiny and isomorphic URL router for JavaScript
- ribbitjs/ribbit: Standalone CLI for easy static file generating and route management.
- fengshi123/router-example: 本实例分别实现了 Hash 模式和 History 模式的路由
- [实践系列] 前端路由 - 掘金
- 前端路由跳转基本原理 - 掘金
- JS 专题系列-前端路由 - 掘金
- 原生 js 实现一个前端路由 router - 掘金
- 带你了解路由的底层原理,用原生js手写一个路由
¥管理会话历史记录
history
- ReactTraining/history: Manage session history with JavaScript
- blog/analysis/history at master · sihai00/blog
- history - npm
- history源码解析-管理会话历史记录 - 掘金
- 手把手带你上react-router的history车 - 掘金
history.js
- browserstate/history.js: History.js gracefully supports the HTML5 History/State APIs (pushState, replaceState, onPopState) in all browsers. Including continued support for data, titles, replaceState. Supports jQuery, MooTools and Prototype. For HTML5 brow
jquery-ajaxy
- balupton/jquery-ajaxy: jQuery Ajaxy aims at solving complicated AJAX Paradigms by providing you with a easy managed solution to bind into page state (URL Hash) changes, AJAX form submits, and support AJAX links.
- jQuery Ajaxy
jquery-history
- balupton/jquery-history: Super-seeded by github.com/balupton/history.js - jQuery History allows you to easily track changes of the pages state by tracking URL Hashes. Supports changes triggered by bookmarks and back & forward buttons, as well as cross bro
- jQuery History - Simple History Handler/Remote for Hash, State, Bookmarking, and Forward Back Buttons
loadify.js
- aeurielesn/loadify.js: Loadify.js = jQuery + Anchors + Ajax + HTML5 History API.
pushy
- kibu-australia/pushy: Clojurescript library for quick and easy HTML5 pushState
InstantClick
- dieulot/instantclick: InstantClick makes following links in your website instant.
- InstantClick — JS library to make your website instant
- Events and script re-evaluation in InstantClick
- 完美解决有关预加载InstantClick的问题-js教程-PHP中文网
- 关于预加载InstantClick的问题解决方法_javascript技巧_脚本之家
- 使用InstantClick.js让页面提前加载200ms_javascript技巧_脚本之家
- InstantClick提升页面加载速度,让你的网站与众不同!-小锋博客
quickstart-js
- firebase/quickstart-js: Firebase Quickstart Samples for Web
- Quick Start — Vuetify.js
¥网络请求、响应&服务
¥Concurrent Request/Request Queue
- robinwp/RequestQueue: 带并发数限制的请求。需要浏览器支持promise,或者使用polyfill
- 1446445040/ajax-limiter: 一个不同于Promise.all的工具函数,用于当你想要尽快完成所有请求,又想控制并发数量的时候。一句话概括,控制并发请求的最大数量。
- mlinquan/for-more: Multithread Synchronization Loop. Support Promise.
- zqh404/requestQueue: 模拟一个请求队列,处理在http1.0协议下大量请求数并发情况导致6-8个请求等待而阻塞后面的请求情况
- zhongjiewang/js-crawler: 并发请求
- 前端实现并发请求。 - 木易锅巴 - 博客园
- 前端请求并发控制 - 简书
¥统一资源标识符(Uniform Resource Identifier,URI)&统一资源定位符(Uniform Resource Location,URL)
#URLSearchParams
url-search-params
- WebReflection/url-search-params: Simple polyfill for URLSearchParams standard
- WebReflection/url-search-params: Simple polyfill for URLSearchParams standard
- ungap/url-search-params: The URLSearchParams polyfill
- URLSearchParams - Web APIs | MDN
- plesiecki/tiny-search-params: Tiny (~300b) and ultra fast query-string like utility
- stevenvachon/is-urlsearchparams: Determines whether a value is a URLSearchParams instance.
- athanclark/purescript-web-urlsearchparams: Binding to the javascript Web URLSearchParams browser API
#Query String
append-query
- lakenen/node-append-query: Append querystring params to a URL.
qs
- ljharb/qs: A querystring parser with nesting support
- qs - npm
query-string
- sindresorhus/query-string: Parse and stringify URL query strings
- query-string - npm
qs-stringify
- goto-bus-stop/qs-stringify: Simple query stringify with nesting, ~200b gzipped.
- mathiasvr/querystring: Node's querystring module for browsers.
- unshiftio/querystringify: Querystringify - Small, simple but powerful query string parser.
- john-yuan/querystring.js: A query string encoder and decoder. Can be used to encode arrays and objects.
- cmddevelopllc/query-parameters: Translates URL query parameters for Mongoose, Express, and MongoDb
- url-search-query-builder - npm
- JavaScript获取URL中参数querystring的方法详解_javascript技巧_脚本之家
- Request 对象之QueryString集合
#URI/URL Polyfill
- lifaon74/url-polyfill: Polyfill URL and URLSearchParams to match last ES7 specifications
- LvChengbin/url: Polyfill for URL and URLSearchParams conforming the implementation of Google Chrome
- jerrybendy/url-search-params-polyfill: a simple polyfill for javascript URLSearchParams
- lukeed/url-shim: A 1.5kB browser polyfill for the Node.js `URL` and `URLSearchParams` classes.
检测、解析&格式化URI/URL
#format url
- rock-candy/format-url: Create formatted urls
- ly-utils/ly-url-format: url参数格式化
- harrydengchao/tiny-urlformat: This is a url format tool
- url-format - npm
humanize-url
- sindresorhus/humanize-url: Humanize a URL: https://sindresorhus.com → sindresorhus.com
js-url
- websanova/js-url: url() - A simple, lightweight url parser for JavaScript
jsVideoUrlParser
- Zod-/jsVideoUrlParser: A javascript parser to extract informations like provider, channel, id, start time from YouTube, Vimeo, Dailymotion, Twitch,... urls
normalize-url
- sindresorhus/normalize-url: Normalize a URL
purl
- allmarkedup/purl: [NO LONGER MAINTAINED] A JS utility for for parsing URLs and extracting information out of them.
Url.js
- JavaScript 功能类 Url.js - 简书
- Url.combine 展示 - WEB源码js/css/H5 - JSRUN
- jillix/url.js: A lightweight JavaScript library to manipulate the page url.
- url.js
- kevincox/url.js: URL parsing in javascript.
url-join
- jfromaniello/url-join: Join all arguments together and normalize the resulting url.
url-parse
- unshiftio/url-parse: Small footprint URL parser that works seamlessly across Node.js and browser environments.
- alexcorvi/anchorme.js: Tiny, fast, efficient, feature rich Javascript library to detect links / URLs / Emails in text and convert them to clickable HTML anchor links
- moxystudio/js-proper-url-join: Like path.join but for a URL
- lydell/resolve-url: Like Node.js’ `path.resolve`/`url.resolve` for the browser.
- mjackson/resolve-pathname: Resolve URL pathnames using JavaScript
- ljosa/urlize.js: JavaScript port of Django's function for converting URLs in text into clickable links.
- steverydz/build-url
- benmvp/url-lib: A simple, lightweight string utility for Node and browsers that supports serializing and parsing URLs and query strings.
- stevenvachon/universal-url: WHATWG URL for Node & Browser.
- stevenvachon/universal-url-lite: A smaller Universal WHATWG URL, for Browserify/etc.
- bryanthomaschen/re-url
- RFC 6570 - URI Template
- RFC 3986 - Uniform Resource Identifier (URI): Generic Syntax
- urlencode - When to encode space to plus (+) or %20? - Stack Overflow
- HTTP URL Path Parameter Syntax — Dorian Taylor
- unshift.io
- URL中的# - 掘金
- 常见面试题 - URL 解析 - 掘金
- 【读】这一次,让我们再深入一点 - URL你是否真的了解? - 掘金
- 面试题之正则表达式解析一个完整的url - 掘金
- JavaScript URL 正则怎么写 - 掘金
- JS中URL参数处理的三种方法
- jquery获取url参数及url加参数的方法_jquery_脚本之家
¥网络连接状态
Offline.js
- Offline.js – Handle your users losing their internet connection like a pro
- HubSpot/offline: Automatically display online/offline indication to your users
¥网络请求、响应&HTTP Client
#JSONP
- afeld/jsonp: A proxy to help with cross-domain requests
- loshafee/jsonp: a jsonp module using promise
- webmodules/jsonp: A simple JSONP implementation
- HolyZheng/jsonpGet: A simple lib for Jsonp Cross-domain Request, it returns a promise。一款用于jsonp跨域请求的插件,并经过promise封装,简单易用。
- hideden/ngx_http_jsonp_callback: nginx append jsonp callback module.
- JSONProxy
- jquery - jsonp callback problem - Stack Overflow
- JSONP 教程 | 菜鸟教程
- 40行封装一个jsonp包 - 掘金
- 网页上的jsonpcallback=?,这个值怎么来的?-CSDN论坛
- jsonp和callback的使用 - linli1991的博客 - CSDN博客
- ajax-JSONP跨域请求,success_jsonpCallback没有执行——CSDN问答频道
- jsonp处理跨域 - 小小蔡芽 - 博客园
- JQuery的jsonp的success与jsonpCallback的关系 - 没有发条的橙 - 博客园
- jsonp和jsonpcallback的使用 - 张瑞奇 - 博客园
- ajax JSONP请求处理回调函数jsonpCallback区分大小写-阿里云资讯网
- JSONP实现Ajax跨域cross-domain访问 - princeoicq - 博客园
#重复提交
- 防止数据重复提交的6种方法(超简单)!
axios
axios core
《axios源码解读系列》
- axios源码解读系列之一 项目入口与项目整体结构 - 掘金
- axios源码解读系列之二 实例化axios的默认配置 - 掘金
- axios源码解读系列之三 axios中的adaptor - 掘金
- axios源码解读系列之四 axios核心内容(get,post等方法实现) - 掘金
- axios源码解读系列之五 dispatchRequest - 掘金
contentType和responseType
- javascript - axios 的responseType 类型动态设置 - SegmentFault 思否
- 在IE9下,当responseType设置为json, response.data为undefined - qq_19739063的博客 - CSDN博客
- axios 的responseType 类型动态设置_慕课猿问
- axios发送post请求,默认的content-type - 杭州半云-王晓刚 - 博客园
interceptors
- Instance does not have global interceptors · Issue #993 · axios/axios
- axios 拦截器只能添加到实例上 - 简书
transformRequest和transformResponse
- 用户对问题“如何使用transformRequest和transformResponse修改$资源的数据?”的回答 - 问答 - 云+社区 - 腾讯云
URLSearchParams
- axios 请求接口报错 URLSearchParams undefined - Cherishwcc的博客 - CSDN博客
- new URLSearchParams() 内置对象获取地址栏的参数 通过键的方式拿到值 - hc2018的博客 - CSDN博客
- javascript - URLSearchParams append方法通过for循环后为空 - SegmentFault 思否
- vue.js - 为什么要用URLSearchParams格式化参数,一个一个append进去不是很麻烦吗? - SegmentFault 思否
- URLSearchParams 接口定义处理 URL 参数串 - AlanTao - 博客园
- 使用URLSearchParams处理axios发送的数据 - 李佳骏 - 博客园
- 除了使用URLSearchParams处理axios发送的数据,但是兼容性不好,其他的兼容方法 - 前端++ - 博客园
- URLSearchParams 对象用法-蚂蚁部落
- URLSearchParams 配合 axios 提交重复的参数 - 简书
- axios/axios: Promise based HTTP client for the browser and node.js
- Axios
- 使用说明 · Axios 中文说明 · 看云
- axios-es6 - npm
- axios中文文档 - CSDN博客
- axios2 - npm
- axios - npm
- axios中文网|axios API 中文文档 | axios
axios libs、plugins&tools
axios-mock-adapter
- ctimmerm/axios-mock-adapter: Axios adapter that allows to easily mock requests
axios-service
- libaoxu/axios-service: make axios more easlier to use in code
- Package - axios-service
retrofit-cjs
- glangzh/retrofit-cjs: retrofit-cjs 是一个基于JavaScript装饰器(Decorator)和 axios 实现的网络请求库, 支持Vue / React / react-native 等常用框架, 支持node.js
- Gerhut/axios-debug-log: Axios interceptor of logging request & response with debug library.
- srph/axios-response-logger: Axios interceptor which logs responses
axios 资源、整理集&FAQ
axios 资源
axios config
- axios使用说明书 - 掘金
- Vue中axios的使用技巧配置项详解 - 牙疼哥哥 - 博客园
axios-api-module
- CalvinVon/axios-api-module: 一个专注于业务并基于 axios 的模块化封装模块。🚀 v3.x 重新设计了API和中间件,让发送请求更简单!
- hengshanMWC/film: 针对axios和flyio之类的二度封装,将配置文件转成方法,主要解决parmas路径痛点
- 一文深度剖析Axios源码
axios 整理集
- [译]axios 是如何封装 HTTP 请求的 - 掘金
axios FAQ
axios 文件
- vue+axios实现文件下载 - 邵阳肖敏的博客 - CSDN博客
- axios 进行文件上传 - java_goodstudy的博客 - CSDN博客
- axios 实现 文件上传 - 木流沙的博客 - CSDN博客
- vue axios实现文件上传 - 蜗牛速度额的博客 - CSDN博客
- 萌新用vue + axios + formdata 上传文件的爬坑之路 - qq_41688165的博客 - CSDN博客
- vue中利用axios实现文件上传进度实时更新 - 瑞雪的前端学习 - SegmentFault 思否
- axios上传文件爬坑之路 - 简书
- 01vue+axios+formData实现文件上传(包含简单的Java后台) - 简书
- vue+axios实现文件下载及vue中使用axios的实例_vue.js_脚本之家
- vue+axios实现文件下载 - yulj - 博客园
取消请求
- vannvan/wwvue-cli: vue-cli升级版脚手架,常用插件、全局混入、公共指令、模块化vuex、便捷的命令行工具等,开箱即用!如果对您有帮助,还望不要吝啬⭐,如果您有更好的建议还望提issues一下,此方案会不断完善,不定期更新 !😀😀
- vue和react中如何优雅地使用axios取消请求 - 掘金
- vue axios路由跳转取消所有请求 和 防止重复请求 - 完美前端 - 博客园
请求缓存/请求过滤
- SugarTurboS/repeat-request-minder: A tool that can help you check whether there are duplicate requests in your project
- SugarTurboS/repeat-request-minder-webpack-plugin
- jf3096/request-container: help you to manage http request and ensure all same requests performed once
- 前端 api 请求缓存方案 · Issue #2 · wsafight/personBlog
- axios请求的缓存与重复请求过滤的封装(plus)
- Interceptor for 302 responses · Issue #980 · axios/axios
- Need some advice about handling 302 redirects from Ajax · Issue #932 · axios/axios
- maxRedirects still follows a redirect · Issue #674 · axios/axios
- React 用axios 获取遍历json 引入swiper轮播图 - 掘金
- axios关于针对请求时长策略设计的思考 - 掘金
- vue全家桶 ---axios的使用和二次封装 - 掘金
- vue-cli中怎么基于axios去封装方法 - 掘金
- 聊聊 Vue 中 axios 的封装 - 掘金
- Vue二次封装axios为插件使用 - 掘金
- 前端API层架构,也许你做得还不够 - 掘金
- 更优雅的HTTP请求
- vue中Axios封装、API接口管理记录
- [译] axios 是如何封装 HTTP 请求的
- 77.9K Star 的 Axios 项目有哪些值得借鉴的地方
- vue + axios 封装ajax,针对 form 提交和 application/json 提交的两种封装方式 - 转身那一瞬 - CSDN博客
- axios post请求数据,在Content-Type为application/x-www-form-urlencoded情况下,data如何转换为json的解决办法 - Qlily_ing的博客 - CSDN博客
- axios 发送formData参数 - ttxxsir的博客 - CSDN博客
- Axios传参的两种方式,表单数据和json字符串(Form Data和Request Payload) - Zack_ZXY的博客 - CSDN博客
- axios配置后,post提交formdata - 你蠢哭我咯的博客 - CSDN博客
- 使用axios发送application/json请求,数据以payload提交在服务端如何解析数据 - az44yao的专栏 - CSDN博客
- Axios同一请求发送两次 解决方案(亲测可行) - 记录程序的点点滴滴! - CSDN博客
- vue axios POST请求中参数以form data和request payload形式的原因 - YUSIR 完美CODING世界 - CSDN博客
- vue中axios请求payload的暴力解决方案 - qq_36539075的博客 - CSDN博客
- axios发起表单提交POST请求,请求体中的数据为Request Payload - qq_37301432的博客 - CSDN博客
- Vue 使用axios 发送post请求,参数格式有错误问题 - 你好邱林和的专栏 - CSDN博客
- vue axios看前后端数据交互 - 书写人生 - CSDN博客
- axios - Catie - CSDN博客
- vue--------之axios的使用与二次封装 - CSDN博客
- axios.defaults 配置默认, axios.interceptors拦截器 - qq_34164814的博客 - CSDN博客
- axios拦截器配置最全记录_网络_well2049的博客-CSDN博客
- axios 发 post 请求的问题 - 简书
- axios发送post请求,springMVC接收不到数据问题 - 简书
- Vue乱搞系列之axios发起表单请求 - 简书
- axios 二次封装 api的统筹管理 配合async await实际项目中的运用 - 简书
- axios中文文档 - 简书
- 一个axios的简单教程 - 简书
- 解决请求unable to decode value问题 - 简书
- axios统一配置&请求错误时自动重试 - 简书
- axios二次封装及API接口统一管理 - 简书
- axios post提交的Content-Type - 庞国明 - 博客园
- vue axios全攻略 - 最骚的就是你 - 博客园
- vue中使用axios最详细教程 - 华猿 - 博客园
- axios基本用法 - 故园苒苒 - 博客园
- Progressive Web Applications - 故园苒苒 - 博客园
- vue axios全攻略 - 最骚的就是你 - 博客园
- vue2.0项目实战(3)使用axios发送请求 - _marven - 博客园
- axios 实现loading加载提示 · 小龙哥的前端博客 · 看云
- axios全攻略 | 羸弱的小金鱼
fly.js
- wendux/fly: Supporting request forwarding and Promise based HTTP client for all JavaScript runtimes.
- flyio - npm
- flyio-起步
- wendu's git page
- flyio-Get started
- fly.js vs axios - 掘金
- JS HTTP 请求终极解决方案 - fly.js - 掘金
- 支持所有JavaScript运行时的HTTP网络库-Fly.js - 杜文的专栏 - CSDN博客
- JS HTTP 请求终极解决方案 - fly.js - 杜文的专栏 - CSDN博客
- 强烈推荐:支持Vue家族全系框架的跨平台http请求库-fly.js - 个人文章 - SegmentFault 思否
- JS HTTP请求终极解决方案 - fly.js - 简书
- fly.js—Node下增强的API - 简书
- fly.js - 专题 - 简书
intercooler-js
- intercoolerjs/intercooler-js: Making AJAX as easy as anchor tags
- intercooler.js - Simple AJAX using HTML attributes
request
- request/request: 🏊🏾 Simplified HTTP request client.
superagent
- visionmedia/superagent: Ajax for Node.js and browsers (JS HTTP client)
- JS 中的网络请求 AJAX, Fetch, WebSocket - 掘金
- 如何在 Web 关闭页面时发送 Ajax 请求 - 掘金
- Web Beacon 刷新/关闭页面之前发送请求 - 掘金
- 前端数据请求的终极方案 - 掘金
- 也许这是最优雅的前端请求方案 - 掘金
- Form表单提交的四种数据格式 - 掘金
- 项目实战之接口处理篇~一文搞定接口请求
¥验证、识别&密码
¥Authorization
#密码强度
zxcvbn
- dropbox/zxcvbn: Low-Budget Password Strength Estimation
- dadiu/passwordStrength: 密码强度
- fnando/password_strength: Check password strength against several rules. Includes ActiveRecord/ActiveModel support.
- kartik-v/strength-meter: A dynamic strength meter for password input validation with various configurable options.
- ravisorg/Mellt: A brute force password checker that returns a meaningful number describing the real world strength of your password
- tests-always-included/password-strength: Calculates the entropy of a password
- elwayman02/ember-cli-password-strength: Ember-CLI wrapper for password-strength checking via zxcvbn
- nraboy/ionic-cipher-safe-app: Store passwords on Firebase using a master password and AES strength encryption with Ionic Framework
- rung-tools/tiny-password-strength: Super tiny password strength checker
- enquirer/prompt-password-strength: Custom mask function for prompt-password that adds a 'strength progress meter' that changes color as the password strength increases. Uses zxcvbn, the popular password strength estimation tool brought to you by dropbox.
#密码校验
password-validator
- tarunbatra/password-validator: Validates password according to flexible and intuitive specification
- password-validator - npm
#验证码
- desirepath41/visualCaptcha: visualCaptcha's Main Repo. This is a collection of all the different versions/repos of visualCaptcha.
- AJ-Captcha: 行为验证码(滑动拼图、点选文字),前后端(java)交互,包含vue/h5/Android/IOS/flutter/uni-app的源码和实现
- 【JS】pojie文字图文选择顺序验证码
auth0.js
- Auth0
- auth0/auth0.js: Auth0 headless browser sdk
¥身份证
IDValidator
- mc-zone/IDValidator: 中国大陆个人身份证号验证 Chinese Mainland Personal ID Card Validation
¥电话号码
- andreasgal/PhoneNumber.js: phonenumber.js is a JavaScript library to verify and format phone numbers
¥邮件
mailcheck
- mailcheck/mailcheck: Reduce misspelled email addresses in your web apps.
¥智能识别库
光学字符识别 (Optical Character Recognition,OCR)
- ouyanghuiyu/chineseocr_lite: 超轻量级中文ocr,支持竖排文字识别, 支持ncnn推理 , psenet(8.5M) + crnn(6.3M) + anglenet(1.5M) 总模型仅17M
- chenfengyanyu/electron-ocr: OCR(Optical Character Recognition), Electron, Tools
浏览器指纹库
clientjs
- jackspirou/clientjs: Device information and digital fingerprinting written in pure JavaScript.
fingerprint
- jonasstrehle/supercookie: ⚠️ Browser fingerprinting via favicon!
FingerprintJS
- FingerprintJS
- fingerprintjs/fingerprintjs: Browser fingerprinting library with the highest accuracy and stability.
- AmIUnique
网页语音识别库
- Julius JS – 最流行的网页语音识别库 - 梦想天空(山边小溪) - 博客园
- StompJS+SpeechSynthesis实现前端消息实时语音播报 - 掘金
- Web验证的过去现在与未来 - 掘金
- 「圣诞特辑」纯前端实现人脸识别自动佩戴圣诞帽 - 掘金
- Canvas入门实战之用javascript面向对象实现一个图形验证码 - 掘金
$数据加密、解密、处理、格式化、类型、编码&解码
¥authentication、加密、解密、加签&解签
#AES
aes-js
- ricmoo/aes-js: A pure JavaScript implementation of the AES block cipher and all common modes of operation for node.js or web browsers.
#JSON Object Signing and Encryption,JOSE
#JSON Web Encryption,JWE
#JSON Web Key,JWK
#JSON Web Signature,JWS
- kjur/jsjws: (IMPORTANT NOTICE: END OF SUPPORT! jsjws have been merged into http://kjur.github.io/jsrsasign/. So please move to jsrsasign. The 'jsjws' is a pure JavaScript implementation of JSON Web Signature(JWS) and JSON Web Token(JWT).
jsjws
- jsjws
#JSON Web Token,JWT
jose
- panva/jose: Universal "JSON Web Almost Everything" - JWA, JWS, JWE, JWT, JWK with no dependencies
- square/js-jose: JavaScript library to encrypt/decrypt data in JSON Web Encryption (JWE) format and to sign/verify data in JSON Web Signature (JWS) format. Leverages Browser's native WebCrypto API.
#MD5
blueimp-md5
- blueimp/JavaScript-MD5: JavaScript MD5 implementation. Compatible with server-side environments like node.js, module loaders like RequireJS and all web browsers.
js-md5
- emn178/js-md5: A simple MD5 hash function for JavaScript supports UTF-8 encoding.
js-spark-md5
- satazor/js-spark-md5: Lightning fast normal and incremental md5 for javascript
md5.js
- crypto-browserify/md5.js: node style md5 on pure JavaScript
- placemarker/jQuery-MD5: JavaScript MD5 plugin, usable as part of the jQuery library or standalone
- pvorb/node-md5: a JavaScript function for hashing messages with MD5
- wbond/md5-js: A modification of Joseph Myers's high-preformance javascript md5 function that hashes unicode characters by first converting to UTF-8. http://jsperf.com/md5-shootout
- feross/md5-password-cracker.js: Crack MD5 passwords with JavaScript Web Workers
- gdi2290/angular-md5: md5 for Angular.js and Gravatar filter
- erm0l0v/webpack-md5-hash: Plugin to replace a standard webpack chunkhash with md5.
- wpfpizicai/gulp-md5-plus: md5 plugin for gulp
- lmk123/angularjs-requirejs-rjs-md5: AngularJS 的示例项目,使用 RequireJS 异步加载模块、指令、控制器等文件,使用 gulp 精简文件并将文件名重命名为 md5 的格式以便于存放在 CDN 中。
- d4nt/md5-js: An MD5 implementation in JavaScript
- http-auth/apache-md5: Node.js module for Apache style password encryption using md5.
- jkiss/crypto-js: 提供多种加密算法,MD5 哈希的 JS版本 -- Automatically exported from code.google.com/p/crypto-js
- md5 - npm
- JavaScript MD5 Demo
#RSA
node-rsa
- rzcoder/node-rsa: Node.js RSA library
- RSA算法基础详解 - 黄映焜 - 博客园
- lsqswl/rsaencrypt: RSA encrypt tool base 'jsencrypt' which can encrypt long string.
#SHA
- Caligatio/jsSHA: A JavaScript implementation of the complete Secure Hash Standard family (SHA-1, SHA-224, SHA3-224, SHA-256, SHA3-256, SHA-384, SHA3-384, SHA-512, SHA3-512, SHAKE128, and SHAKE256) as well as HMAC
- emn178/js-sha256: A simple SHA-256 / SHA-224 hash function for JavaScript supports UTF-8 encoding.
- emn178/js-sha512: A simple SHA-512, SHA-384, SHA-512/224, SHA-512/256 hash functions for JavaScript supports UTF-8 encoding.
- jsSHA - SHA Hashes in JavaScript
bcrypt
- kelektiv/node.bcrypt.js: bcrypt for NodeJs
- dcodeIO/bcrypt.js: Optimized bcrypt in plain JavaScript with zero dependencies.
- shaneGirish/bcrypt-nodejs: Native implementation of bcrypt for NodeJS
CryptoJS
- brix/crypto-js: JavaScript library of crypto standards.
- sytelus/CryptoJS: This is unmodified copy of Google Code hosted CryptoJS project. CryptoJS is a growing collection of standard and secure cryptographic algorithms implemented in JavaScript using best practices and patterns. They are fast, and they have a
- gwjjeff/cryptojs: Following googlecode project crypto-js, provide standard and secure cryptographic algorithms for NodeJS. Support MD5, SHA-1, SHA-256, RC4, Rabbit, AES, DES, PBKDF2, HMAC, OFB, CFB, CTR, CBC, Base64
- entronad/crypto-es: A crypto-js written in ES.
- How java&JavaScript uses CryptoJS AES encryption and decryption · Issue #165 · brix/crypto-js
- crypto-js - npm
- CryptoJS - CryptoJS
- javascript - AES Encrypt using CryptoJS - Stack Overflow
- JS Bin - Collaborative JavaScript Debugging
- Google Code Archive - Long-term storage for Google Code Project Hosting.
- Google Code Archive - Long-term storage for Google Code Project Hosting.
- crypto-js AES 使用经验 | Moln’s blog
- Encryption and decryption using CryptoJS' AES implmentation - Plunker
- 使用CryptoJS进行AES加密_季夏右一-CSDN博客
- CryptoJS实现AES加密_Nicholas的专栏-CSDN博客
- crypto-js aes加密解密 - 个人文章 - SegmentFault 思否
- javascript - 前端js使用crypto-js进行aes解密,解密内容为空 - SegmentFault 思否
- 前端 crypto-js aes 加解密 - 简书
- 小程序使用npm包, 引入cryptoJs进行AES加密跟MD5加密 - 简书
- JS加密插件CryptoJS实现AES加密操作示例_javascript技巧_脚本之家
- 【重写 CryptoJS】一、ECMAScript 类与继承 - 知乎
- Esnail - 博客园
- vue 中引入cryptoJS - secretAngel - 博客园
- js crypto_js/crypto_cryptojs aes - 云+社区 - 腾讯云
- 如何使用CryptoJS的AES方法进行加密和解密
crypt.io
- jas-/crypt.io: Encryption enabled browser storage
jsrsasign
- kjur/jsrsasign: The 'jsrsasign' (RSA-Sign JavaScript Library) is an opensource free cryptography library supporting RSA/RSAPSS/ECDSA/DSA signing/validation, ASN.1, PKCS#1/5/8 private/public key, X.509 certificate, CRL, OCSP, CMS SignedData, TimeStamp, CAdES JSON Web Signature/Token in pure JavaScript.
- jsrsasign - cryptography library in JavaScript
- jsrsasign LICENSE - RSA Signing and Verification in JavaScript
JSEncrypt
- travist/jsencrypt: A Javascript library to perform OpenSSL RSA Encryption, Decryption, and Key Generation.
minimalistic-crypto-utils
- indutny/minimalistic-crypto-utils: Minimalistic utils for JS-only crypto
sphinx
- SphinxJS | A very light JS library which could encode a string to an image, or decode an image to a string.
- jrainlau/sphinx: A very light JS library which could encode a string to an image, or decode an image to a string.
- forkchain/alpha
- crypto-browserify
- ajimae/ncrypt-js: A light weight javascript data encryption and decryption library
- bcomnes/nacl-blob: 🔐Encrypt DOM API blobs using nacl-stream-js
- juhoen/hybrid-crypto-js: RSA+AES hybrid encryption implementation for JavaScript. Works with Node.js, React Native and modern browsers.
- paragonie/poly1305-js: JavaScript implementation of the Poly1305 one-time authenticator
- paragonie/xchacha20-js: JavaScript implementation of ChaCha20, HChaCha20, and XChaCha20
- tpenaranda/vue-cryptojs: A small wrapper for integrating crypto-js into VueJS
- danang-id/simple-crypto-js: Simplified AES crypthography for safe and easier encryption and decryption proccesses of any JavaScript objects.
- bcoin-org/bcrypto: JS crypto library
- zhangs3721/wx_jsencrypt
- 如何设计一个安全对外的接口?加签验签了解一下
- 前端加密那点事 - 掘金
- 一文搞懂Web中暗藏的密码学 - 掘金
- 玩转混合加密 | 精美配图
¥数据处理
¥Google 统计分析库
- Boba.js – 用于 Google 统计分析 JavaScript 库 - 梦想天空(山边小溪) - 博客园
¥State Management
akita
- datorama/akita: 🚀 State Management Tailored-Made for JS Applications
cerebral
- cerebral/cerebral: Declarative state and side effects management for popular JavaScript frameworks
- Cerebral Docs
dob
- dobjs/dob: Light and fast 🚀 state management tool using proxy.
Flux
Flux core
- facebook/flux: Application Architecture for Building User Interfaces
- Flux | Application Architecture for Building User Interfaces
flux-standard-action
- redux-utilities/flux-standard-action: A human-friendly standard for Flux action objects.
- Flux简介 - 林涧的专栏 - CSDN博客
- Flux架构学习 - 不断成长的我 - CSDN博客
- 前端Flux架构简介 -解道Jdon
- 从React到Flux架构 - 简书
immer
- immerjs/immer: Create the next immutable state by mutating the current one
- Introduction to Immer · Immer
- Immer 全解析 - 掘金
mobx
MobX State Tree数据组件化开发
- [MobX State Tree数据组件化开发][0]:开篇 - 掘金
- [MobX State Tree数据组件化开发][1]:MST基础 - 掘金
- [MobX State Tree数据组件化开发][2]:实例-TodoList - 掘金
- [MobX State Tree数据组件化开发][3]:选择正确的types.xxx - 掘金
- mobxjs/mobx: Simple, scalable state management.
- niqingyang/mobx-loading: 参考了 dva-loading 的思路,基于 mobx 实现了用于监控各个 mode 和 effect 加载状态的组件
- Mobx如此简单 - 掘金
- 带你走进Mobx的原理 - 掘金
Ractor
- 下一代状态管理系统 - Ractor - 掘金
- FE-Ractor/ractor-react
- FE-Ractor/ractor-hooks: custom hooks for React
- FE-Ractor/ractor: An event system based state management inspired by Redux and Akka Actor
- Reade Me · Ractor
SimpleStateManager
- jonathan-fielding/SimpleStateManager: A responsive state manager which allows you to run different javascript at different browser widths
storeon
- storeon/storeon: 🌩 A tiny (167 bytes) event-based Redux-like state manager for React, Preact, Angular, Vue, and Svelte
zuck.js
- ramon82/zuck.js: A javascript library that lets you add stories EVERYWHERE.
- zuck.js | ramon souza
- developit/stockroom: 🗃 Offload your store management to a worker easily.
- The Elm Architecture · An Introduction to Elm
- 基于Redux/Vuex/MobX等库的通用化状态OOP - 掘金
- JS手写状态管理的实现 - 掘金
- Vuex、Flux、Redux、Redux-saga、Dva、MobX
¥util
ec-do
- chenhuiYj/ec-do: 实例为日常开发常用的小实例,包括数组去重,打乱数组,字母大小写转换,cookie操作的封装等。
futil-js
- smartprocure/futil-js: F(unctional) util(ities). Resistance is futile.
licia
- liriliri/licia: Useful utility collection with zero dependencies
- Licia: Useful Utility Collection with Zero Dependencies:)
- Builder - Licia: Useful Utility Collection with Zero Dependencies:)
- Docs - Licia: Useful Utility Collection with Zero Dependencies:)
- A New Utility Library Designed to Get Things Done – Hacker Noon
outils
- proYang/outils: 前端业务代码工具库
- outils - npm
Zepto
- madrobby/zepto: Zepto.js is a minimalist JavaScript library for modern browsers, with a jQuery-compatible API
- Zepto Docs
- Zepto Docs
- Zepto.js (1.2.0) API 中文文档-轻量级兼容jQuery的JavaScript库
- Zepto,Zepto.js,Zepto API 中文版,Zepto.js API 中文版,Zepto 中文手册: 轻量级兼容jQuery的JavaScript库
- Zepto.js – 为现代浏览器而生的轻量级 JavaScript 库 - 梦想天空(山边小溪) - 博客园
- zepto源码注释 - zjhsd2007 - 博客园
- node-modules/utility: A collection of useful utilities.
- JofunLiang/usuallyjs: 一个面向现代 Web 开发的 JavaScript 函数库
- BothEyes1993/bes-jstools: 100多个基础常用JS函数和各种数据转换处理集合大全,此工具包是在 outils 的基础上,加上个人平时收集的代码片段进行的二次整合
- JowayYoung/trample: A front-end Web/Node general utils library
- tangshuang/omd: javascript module method which is compatible with CommonJS(node), amd (RequireJS) & cmd (SeaJS)
- tnfe/bbo: A useful utility collection library with zero dependencies. 🍖🌭🍔
- access log date format · jsPerf
- 269个JavaScript工具函数,助你提升工作效率(新)
¥随机数
Chance
- chancejs/chancejs: Chance - Random generator helper for JavaScript
- Chance
- Chance
random_compat
- paragonie/random_compat: PHP 5.x support for random_bytes() and random_int()
- Community Projects - Paragon Initiative Enterprises
- 随机数大家都会用,但是你知道生成随机数的算法吗?
- Js产生随机数的几种方法 - 青年a - 博客园
¥缓存、记忆
- alexreardon/memoize-one: A memoization library which only remembers the latest invocation
- caiogondim/fast-memoize.js: :rabbit2: Fastest possible memoization library
- 缓存系统设计精要 - 掘金
¥复制、搜索、过滤、替换、比较、排序
Fuse
- fuzzy - npm
- krisk/Fuse: Lightweight fuzzy-search, in JavaScript
- nextapps-de/flexsearch: Next-Generation full text search library for Browser and Node.js
- bevacqua/fuzzysearch: Tiny and blazing-fast fuzzy search in JavaScript
- farzher/fuzzysort: Fast SublimeText-like fuzzy search for JavaScript.
- Glench/fuzzyset.js: fuzzyset.js - A fuzzy string set for javascript
- mattyork/fuzzy: Filters a list based on a fuzzy string search
- Yomguithereal/talisman: A straightforward & modular NLP, machine learning & fuzzy matching library for JavaScript.
list.js
- javve/list.js: The perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.
- Search, sort, filters, flexibility to tables, list and more! - List.js
mixitup
- patrickkunka/mixitup: A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more
- MixItUp | KunkaLabs
PourOver
- NYTimes/pourover: A library for simple, fast filtering and sorting of large collections in the browser. There is a community-maintained fork that addresses a handful of post-NYT issues available via @hhsnopek's https://github.com/hhsnopek/pourover
- mesqueeb/filter-anything: A simple (TypeScript) integration of "pick" and "omit" to filter props of an object
- mesqueeb/find-and-replace-anything: Replace one val with another or all occurrences in an object recursively. A simple & small integration.
- mesqueeb/compare-anything: Compares objects and tells you which props are duplicate, and props are only present once.
- mesqueeb/copy-anything: An optimised way to copy'ing (cloning) an Object or Array. A small and simple integration
- 电脑文件夹排序中的名称排列那个字符最靠前?不仅仅限制汉字和字母。_百度知道
- 记一个复杂组件(Filter)的从设计到开发 · Issue #47 · Nealyang/PersonalBlog
¥不可变数据集合
SpaceAce
- JonAbrams/SpaceAce: A fancy immutable storage library for JavaScript
¥双向数据绑定
- ermouth/jQuery.my: jQuery.my is a plugin that binds form controls with js data structures.
- Basic concepts
¥数据验证
ajv
- ajv-validator/ajv: The fastest JSON Schema Validator. Supports draft-04/06/07
- ajv-validator/ajv-keywords: Custom JSON-Schema keywords for Ajv validator
- ajv-validator/ajv-errors: Custom error messages in JSON-Schema for Ajv
is-my-json-valid
- mafintosh/is-my-json-valid: A JSONSchema validator that uses code generation to be extremely fast
is-odd
- i-voted-for-trump/is-odd: I created this in 2014, the year I learned how to program. All of the downloads are from an old version of https://github.com/micromatch/micromatch. I've done a few other things since: https://github.com/jonschlinkert.
- is-odd - npm
joi
- hapijs/joi: Object schema validation
- sideway/joi: The most powerful data validation library for JS
ow(为人类设计的的函数参数验证)
- sindresorhus/ow: Function argument validation for humans
Superstruct
- ianstormtaylor/superstruct: A simple and composable way to validate data in Javascript.
validatorjs
- skaterdav85/validatorjs: A data validation library in JavaScript for the browser and Node.js, inspired by Laravel's Validator.
v8n
- imbrn/v8n: ☑️ JavaScript fluent validation library
- Introduction | v8n
valid.js
- dleitee/valid.js: 📝 A library for data validation.
yup
- jquense/yup: Dead simple Object schema validation
- typechecker · GitHub Topics
- primitive-types · GitHub Topics
- type-checking · GitHub Topics
- type-checker · GitHub Topics
- type-check · GitHub Topics
- lucono/xtypejs: Elegant, highly efficient data validation for JavaScript.
- cedriking/is.js: Micro javascript library to use in conditions.
- manikumarkv/data-validator-js: Validations and utility library for TS and JS
- CharlGottschalk/approvejs: A simple JavaScript validation library that doesn't interfere
- ostrowr/ts-json-validator: Let JSON play nicely with Typescript
- afram/is-uuid: UUID check for node and the browser
- segmentio/is-email: Component: loosely validate an email address.
- mesqueeb/is-what: JS type check (TypeScript supported) functions like `isPlainObject() isArray()` etc. A simple & small integration.
- juliangruber/isarray: Array#isArray for older browsers.
¥数据处理
- mesqueeb/merge-anything: Merge objects & other types recursively. A simple & small integration.
- mesqueeb/flatten-anything: Flatten objects and replace nested props with 'prop.subprop'. A simple and small integration.
CountUp.js
- CountUp.js – 让数字以非常有趣的动画方式显示 - 梦想天空(山边小溪) - 博客园
immutable-js
- facebook/immutable-js: Immutable persistent data collections for Javascript which increase efficiency and simplicity.
- immutable-js/immutable-js: Immutable persistent data collections for Javascript which increase efficiency and simplicity.
- rtfeldman/seamless-immutable: Immutable data structures for JavaScript which are backwards-compatible with normal JS Arrays and Objects.
- Immutable.js
- Immutable.js
- 深入探究Immutable.js的实现机制(一) - 掘金
- 深入探究immutable.js的实现机制(二) - 掘金
just
- angus-c/just: A library of tiny, dependency-free JavaScript functions that do just do one thing.
- just-clone
KaTeX
- KaTeX/KaTeX: Fast math typesetting for the web.
- KaTeX – The fastest math typesetting library for the web
lodash
lodash core
- lodash/lodash: A modern JavaScript utility library delivering modularity, performance, & extras.
- lodash/lodash.com: The Lodash website.
- lodash/lodash-doc-globals: Globals referenced by Lodash documentation examples.
- Lodash Archive
- lodash/lodash at 4.17.11-es
- lodash/fp at 4.17.15-npm · lodash/lodash
- FP Guide · lodash/lodash Wiki
- lodash - npm
- lodash-es - npm
- Lodash
- Lodash Documentation
- Lodash custom builds
- lodash 中文网
- Lodash 中文文档 | Lodash 中文网
- Lodash 中文文档 | Lodash 中文网
- Lodash 中文文档(v4.17.10)
- Lodash per method packages
- Lodash Documentation
lodash libs、plugins&tools
lodash-fp
- lodash-archive/lodash-fp: Lodash with more functional fun.
- jfmengels/lodash-fp-docs
- lodash/fp at 4.17.11-npm · lodash/lodash
- jfmengels/eslint-plugin-lodash-fp: ESLint rules for lodash/fp
- lodash/fp at npm · lodash/lodash
lodash-cli
- lodash-archive/lodash-cli: The Lodash command-line interface.
- lodash-cli - npm
- Lodash custom builds
n_
- borisdiakur/n_: Node.js REPL with lodash
- wix/eslint-plugin-lodash: ESLint rules for lodash
- marklagendijk/lodash-deep: Lodash mixins for (deep) object accessing / manipulation.
- typicode/lodash-id: Makes it easy to manipulate id-based resources with lodash or lowdb
- lodash-amd - npm
- keywords:lodash-modularized - npm search
lodash 资源、整理集&FAQ
lodash 资源
lodash 整理集
lodash FAQ
- [译]如何在 Vue.js 中使用第三方库 · Issue #51 · dwqs/blog
- node.js - Unable to import lodash - Stack Overflow
- 使用lodash深度对比出2个对象之间的差异 - 简书
- lodash在webpack中的各项优化的尝试 - 知乎
- lodash源码学习partial,partialRight - 天下大雨 - 博客园
lazy.js
- dtao/lazy.js: Like Underscore, but lazier
- Lazy.js - v0.5.1
mathjax
- mathjax/MathJax: Beautiful math in all browsers
- MathJax | Beautiful math in all browsers.
mout
- mout/mout: Modular JavaScript Utilities
- mout : Modular JavaScript Utilities
ramda
- ramda/ramda: Practical functional Javascript
- raine/ramda-cli: A CLI tool for processing data with functional pipelines
- typed-typings/npm-ramda: TypeScript's type definitions for Ramda
- ramda/ramda-fantasy: Fantasy-Land compatible types for easy integration with Ramda.js
- selfrefactor/rambda: Faster and smaller alternative to Ramda
- char0n/ramda-adjunct: Ramda Adjunct is the most popular and most comprehensive set of functional utilities for use with Ramda, providing a variety of useful, well tested functions with excellent documentation.
- Package - ramda
- Ramda Documentation
- Ramda Documentation
- Ramda 函数库参考教程 - 阮一峰的网络日志
- Ramda 函数库参考教程 - CSDN博客
- Ramda 函数库参考教程 - SegmentFault 思否
- 推荐一下Ramda.js - CNode技术社区
- Ramda 常用函数(快速上手)_慕课手记
RxJS
RxJS core
- ReactiveX/rxjs: A reactive programming library for JavaScript
- ReactiveX/IxJS: The Interactive Extensions for JavaScript
- RxJS-CN/RxJS-Ultimate-CN: RxJS Ultimate 中文版
- RxJS-CN/RxJS-Docs-CN: RxJS 5 中文文档
- RxJS-CN/learn-rxjs-operators: Learn RxJS 中文版 (通过清晰的示例来学习 RxJS 5 操作符)
- Reactive Extensions
- Reactive-Extensions/RxJSKoans: RxJS Koans
- Reactive-Extensions/RxJS-DOM: HTML DOM Bindings for the Reactive Extensions for JavaScript
- Reactive-Extensions/RxJS: The Reactive Extensions for JavaScript
- btroncone/learn-rxjs: Clear examples, explanations, and resources for RxJS 5/6+
- RxJS
- RxJS 中文文档
- ReactiveX
- 前言 · RxJS 5 基本原理
- 前言 · 学习 RxJS 操作符
- RxJS - BLACK LIVES MATTER
- RxJS - webSocket
RxJS libs、plugins&tools
rxviz
- moroshko/rxviz: Rx Visualizer - Animated playground for Rx Observables
- benlesh/rxjs-for-await: A library for making RxJS support async-await for-await loops via AsyncIterables
RxJS 资源、整理集&FAQ
RxJS 资源
- RxJS-CN/rxjs-articles-translation: RxJS 优质文章翻译
- RxJS-CN/awesome-rxjs: Awesome list of RxJS 5
- ichpuchtli/awesome-rxjs: A collection of awesome RxJS resources
- Cmdv/React-RxJS: React + RxJs + React-Router + Webpack + babel and soon more
- Functional Programming in Javascript
- Brooooooklyn/learning-rxjs: Learning RxJS step by step
learnrx
- ReactiveX/learnrx: A series of interactive exercises for learning Microsoft's Reactive Extensions Library for Javascript.
- skyline75489/learnrx-zh-cn: ReactiveX 官方互动式教程中文翻译,原仓库 https://github.com/ReactiveX/learnrx
RxJS 整理集
《RxJS 源码解析》
- RxJS 源码解析(一): Observable & Subscription
- RxJS 源码解析(二)—— Muticasted Observable
- RxJS 源码解析(三)—— Operator I
- RxJS 源码解析(四)—— Operator II
- RxJS 源码解析(五)—— Operator III
- RxJS源码解析(六)——Scheduler
RxJS FAQ
- 用 Rx.js 写个抛物线动画 - Lambda Academy
- 聊聊RxJS中的错误重试 - 掘金
- RxJS进阶——关于流的理解和应用 - 掘金
- RxJS教程
- RxJS 快速入门 - 简书
- DaoCloud 基于 RxJS 的前端数据层实践 - 知乎
- Hello RxJS - 知乎
- 用 RxJS 连接世界 - 知乎
underscore
underscore core
- jashkenas/underscore: JavaScript's utility _ belt
- Underscore.js
- Underscore.js 中文文档
- Underscore.js(1.9.1) 中文文档
- Underscore.js(1.8.3) 中文文档
- zrysmt/DIY-underscorejs: 动手DIY一个underscorejs库及underscorejs源码分析博客使用的代码
- you-dont-need/You-Dont-Need-Lodash-Underscore: List of JavaScript methods which you can use natively + ESLint Plugin
- UnderscoreJS精巧而强大工具包 | 粉丝日志
- 动手DIY一个underscorejs库及underscorejs源码分析1 - CSDN博客
- JS高手进阶之路:underscore源码经典(一)_慕课手记
- JS高手进阶之路:underscore源码经典(二)_慕课手记
underscore 资源、整理集&FAQ
underscore 资源
underscore-analysis
- lessfish/underscore-analysis: underscore-1.8.3.js 源码解读 & 系列文章(完)
- Issues · lessfish/underscore-analysis
- documentcloud/underscore-contrib: The brass buckles on Underscore's utility belt
underscore 整理集
《underscore 系列》
- underscore 系列之如何写自己的 underscore · Issue #56 · mqyqingfeng/Blog
- underscore 系列之链式调用 · Issue #57 · mqyqingfeng/Blog
- underscore 系列之内部函数 cb 和 optimizeCb · Issue #58 · mqyqingfeng/Blog
- underscore 系列之内部函数 restArgs · Issue #60 · mqyqingfeng/Blog
- underscore 系列之防冲突与 Utility Functions · Issue #62 · mqyqingfeng/Blog
- underscore 系列之实现一个模板引擎(上) · Issue #63 · mqyqingfeng/Blog
- underscore 系列之实现一个模板引擎(下) · Issue #70 · mqyqingfeng/Blog
- underscore 系列之字符实体与 _.escape · Issue #77 · mqyqingfeng/Blog
- underscore 的源码该如何阅读? · Issue #79 · mqyqingfeng/Blog
《underscore 系列》
- underscore 系列之如何写自己的 underscore - 掘金
- underscore 系列之链式调用 - 掘金
- underscore 系列之内部函数 cb 和 optimizeCb - 掘金
- underscore 系列之内部函数 restArgs - 掘金
- underscore 系列之防冲突与 Utility Functions - 掘金
- underscore 系列之实现一个模板引擎(上) - 掘金
- underscore 系列之实现一个模板引擎(下) - 掘金
- underscore 系列之字符实体与 _.escape - 掘金
- underscore 的源码该如何阅读? - 掘金
《打造属于自己的underscore系列》
- 打造属于自己的underscore系列 ( 一 ) - 掘金
- 打造属于自己的underscore系列 ( 二 ) - 掘金
- 打造自己的underscore系列(三) - 掘金
- 打造属于自己的underscore系列(四) - 掘金
underscore FAQ
- 跟underscore一起学数组去重 - 掘金
- 跟underscore一起学如何写函数库 - 掘金
- iwillwen/data-book-codes: 基于 JavaScript 开发灵活的数据应用
¥格式化
¥组件、元素、标签
¥format input
- insin/inputmask-core: Standalone input mask implementation, independent of any GUI
- the-darc/string-mask: A string formatter and validator based on masks.
- romulobrasil/PureMask.js: Biblioteca de mascaras em inputs de forms desenvolvido em Javascript puro. Library masks inputs on forms developed in pure JavaScript.
- autoNumeric/autoNumeric: autoNumeric is a standalone library that provides live as-you-type formatting for international numbers and currencies.
- vanilla-masker/vanilla-masker: VanillaMasker is a pure javascript mask input
- uNmAnNeR/imaskjs: vanilla javascript input mask
- moip/awesome-mask: The awesome-mask runs with Vue.js and uses the vanilla-masker to make your form awesome with masks.
- RobinHerbots/Inputmask: Input Mask plugin
- Vanilla Masker – 功能强大的输入过滤插件 - 梦想天空(山边小溪) - 博客园
cleave.js
- nosir/cleave.js: Format input text content when you are typing...
- Cleave.js - Format input text content when you are typing
htmlparser2
- fb55/htmlparser2: forgiving html and xml parser
¥数字
big.js
- MikeMcl/big.js: A small, fast JavaScript library for arbitrary-precision decimal arithmetic.
- big.js API
- MikeMcl/big.js: A small, fast JavaScript library for arbitrary-precision decimal arithmetic.
- big.js API
bignumber.js
- MikeMcl/bignumber.js: A JavaScript library for arbitrary-precision decimal and non-decimal arithmetic
- bignumber.js API
BigInteger.js
- peterolson/BigInteger.js: An arbitrary length integer library for Javascript
currencyFormatter.js
- osrec/currencyFormatter.js: A super simple currency formatting library
- CurrencyFormatter.js by OSREC Financial
decimal.js
- MikeMcl/decimal.js: An arbitrary-precision Decimal type for JavaScript
- decimal.js API
- decimal.js API
- MikeMcl/decimal.js: An arbitrary-precision Decimal type for JavaScript
Dinero.js
- dinerojs/dinero.js: An immutable JavaScript library to create, calculate and format money.
- Dinero.js - Documentation
jsbi
- JavaScript 中的表示任意精度的 BigInt - 掘金
- GoogleChromeLabs/jsbi: JSBI is a pure-JavaScript implementation of the official ECMAScript BigInt proposal.
- BigInt: arbitrary-precision integers in JavaScript | Web | Google Developers
mathjs
- math.js | an extensive math library for JavaScript and Node.js
- josdejong/mathjs: An extensive math library for JavaScript and Node.js
- mathjs - npm
- math.js | an extensive math library for JavaScript and Node.js
number-precision
- nefe/number-precision: 🚀1K tiny & fast lib for doing addition, subtraction, multiplication and division operations precisely
Numeral.js
- adamwdraper/Numeral-js: A javascript library for formatting and manipulating numbers.
- Numeral.js
- Numeral.js – 格式化和操作数字的 JavaScript 库 - 梦想天空(山边小溪) - 博客园
- itagn (Itagn掌门)
- zhaozy93/number2chinese: convert number to chinese speech || 转换阿拉伯数字到汉语写法
- zhTo123/getArab.js at master · gzx1996/zhTo123
- andyperlitch/jsbn: The jsbn library is a fast, portable implementation of large-number math in pure JavaScript, enabling public-key crypto and other applications on desktop and mobile browsers.
- jrainlau/longit.js: A tool to format long number string which is longer than Number.MAX_SAFE_INTEGER and Number.MAX_VALUE.
- wangxiaofeid/float.js: 浮点数运算
- rumengkai/js-float-accuracy: js精度,js浮点数,js浮点数计算,js计算精度问题解决方案,js保留小数位,
- 如何解决0.1 +0.2===0.30000000000000004类问题 - 掘金
- JavaScript中任意两个数加减的解决方案 - 掘金
- 你可能需要这样的大屏数字滚动效果 - 掘金
- 阿拉伯数字跟中文汉字互转js - huangbaokang的博客 - CSDN博客
- JavaScript中科学计数法转化为数值字符串形式-WEB前端开发
- js阿拉伯数字转中文大写 - 飞翔的天空 - 博客园
¥文件、数据转化
gifify
- vvo/gifify: 😻 Convert any video file to an optimized animated GIF.
¥字符串
sprintf.js
- alexei/sprintf.js: sprintf.js is a complete open source JavaScript sprintf implementation
string.js
- jprichardson/string.js: Extra JavaScript string methods.
stringz
- sallar/stringz: :100: Super fast unicode-aware string manipulation Javascript library
underscore.string
- esamattis/underscore.string: String manipulation helpers for javascript
voca
- panzerdp/voca: The ultimate JavaScript string library
- Voca: The JavaScript string library
- js格式化文件大小,单位:Bytes、KB、MB、GB - seesun2012的专栏 - CSDN博客
¥日期、时区
¥时区库
spacetime
- spencermountain/spacetime: A lightweight javascript timezone library
- spencermounta.in/spacetime/
calendarize
- lukeed/calendarize: A tiny (196B) utility to generate calendar views.
- Demo: calendarize
date-fns
- date-fns/date-fns: ⏳ Modern JavaScript date utility library ⌛️
- date-fns - modern JavaScript date utility library
- date-fns/date-fns: ⏳ Modern JavaScript date utility library ⌛️
- Add a brief comparison with Moment.js? · Issue #275 · date-fns/date-fns
- TypeScript日期工具: date-fns日期工具的使用方法_前端叶孤城-CSDN博客
dayjs
- iamkun/dayjs: ⏰ Day.js 2KB immutable date library alternative to Moment.js with the same modern API
- dayjs/README.zh-CN.md at master · iamkun/dayjs
- dayjs/Plugin.md at master · iamkun/dayjs
- dayjs/API-reference.md at master · iamkun/dayjs
- iamkun/dayjs: ⏰ Day.js 2KB immutable date library alternative to Moment.js with the same modern API
- 打造 10000 Star 的前端开源项目 ⭐ - 掘金
- Day.js · 中文文档 - 2kB 大小的 JavaScript 时间日期库
fecha
- taylorhakes/fecha: Lightweight Javascript Date formatting and parsing
luxon
- moment/luxon: ⏱ A library for working with dates and times in JS
- Luxon
Moment
moment-timezone
- moment/moment-timezone: Timezone support for moment.js
- moment/moment: Parse, validate, manipulate, and display dates in javascript.
- Moment.js | Home
- Moment.js | Home
- Moment.js 中文网
- Moment.js | Docs
- 使用moment.js轻松管理日期和时间 - 书写人生 - CSDN博客
timeago.js
- hustcc/timeago.js: :clock8: timeago.js is a tiny(~2.0kb) library used to format date with `*** time ago` statement. eg: '3 hours ago'. No dependency & localization & tiny.
- timeago.js: is a tiny(2kb) library used to format date with `*** time ago`. eg: '3 hours ago'. No dependency.
You-Dont-Need-Momentjs
- you-dont-need/You-Dont-Need-Momentjs: List of date-fns or native functions which you can use to replace moment.js + ESLint Plugin
农历 & 公历 & 干支
- wvv8oo/lunar: 农历与公历相互转换的模块,支持农历之间的加减运算,并提供生肖、干支等,支持1900-2100年。
- 时间戳_Java_qq_41651465的博客-CSDN博客
¥国际化与本地化
FormatJS
- FormatJS
- formatjs/formatjs: The monorepo home to all of the FormatJS related libraries, most notably react-intl.
- formatjs/intl-messageformat-parser: [MIGRATED] Parses ICU message strings to an AST that can be used to format the messages for a person's locale.
- yahoo/intl-messageformat: Format a string with placeholders, including plural and select support to create localized messages.
- yahoo/intl-messageformat-parser: Parses ICU message strings to an AST that can be used to format the messages for a person's locale.
- yahoo/intl-relativeformat: Formats JavaScript dates to relative time strings (e.g., "3 hours ago").
- yahoo/intl-format-cache: Produces instances of JavaScript `Intl` formats, and caches them for reuse.
- FormatJS
- GitHub — FormatJS
globalize
- globalizejs/globalize: A JavaScript library for internationalization and localization that leverages the official Unicode CLDR JSON data
- rxaviers/cldrjs: Simple CLDR traverser
- Globalize · So What'cha Want
- cldr.unicode.org
i18next
- i18next
kiwi
- alibaba/kiwi: 🐤 Kiwi-国际化全流程解决方案
- kiwi/kiwi-intl at master · alibaba/kiwi
- kiwi/kiwi-cli at master · alibaba/kiwi
- kiwi/kiwi-linter at master · alibaba/kiwi
Lang.js
- rmariuzzo/Lang.js: Laravel Translator class in JavaScript!
miao-i18n
- goldEli/miao-i18n: 国际化:自动管理工具
- yahoo/formatjs-site: Documentation for client/server internationalization in JavaScript.
- yahoo/intl-locales-supported: Utility to help you polyfill the Node.js runtime when the Intl APIs are missing, or if the built-in Intl is missing locale data that you need.
- andyearnshaw/Intl.js: Compatibility implementation of the ECMAScript Internationalization API (ECMA-402) for JavaScript
- eligrey/l10n.js: Passive localization JavaScript library
- fwh1990/i18n-chain: High performance i18n with typescript that support React, React-Native, Taro and NodeJs
¥数据库
中国省市县镇乡村数据
Administrative-divisions-of-China
- modood/Administrative-divisions-of-China: 中华人民共和国行政区划:省级(省份直辖市自治区)、 地级(城市)、 县级(区县)、 乡级(乡镇街道)、 村级(村委会居委会) ,中国省市区镇村二级三
AreaAndBanks
- ALawating-Rex/AreaAndBanks: 中国省市区以及银行和银行支行等数据
administrative-area
- ruoge3s/administrative-area: 一个抓取国家行政区划小爬虫
area-data
- dwqs/area-data: 中国省市区数据(含港澳台)
china-location
- JasonBoy/china-location: 🇨🇳NPM Module for Chinese Administrative Division. 中国行政区划信息-区划代码数据库(GB/T 2260)
- 中国行政区划信息JS库china-location - 掘金
china_regions
- wecatch/china_regions: 最全最新中国省,市,地区json及sql数据
china-area-data
- airyland/china-area-data: 中国省市区数据
CN Open Data
- CN Open Data
GB2260
- cn/GB2260: 中华人民共和国国家标准 GB/T 2260 行政区划代码
data_location
- mumuy/data_location: 中华人民共和国行政区划数据【省、市、区县、乡镇街道】中国省市区镇三级四级联动地址数据(GB/T 2260)
province-city-china
- uiwjs/province-city-china: 🇨🇳最全最新中国【省、市、区县、乡镇街道】json,csv,sql数据
- province-city-china - npm
- 最全最新🇨🇳中国【省、市、区县、乡镇街道】json,csv,sql数据 - 掘金
rn-china-region-picker
- hufeng/rn-china-region-picker: 中国的省市区的多重级联react-native组件
- pic.ofcard.com/themes/common/region/China_Region_Last.js
react-china-location
- JasonBoy/react-china-location: React Component for china-location
- AreaAndBanks/data at master · ALawating-Rex/AreaAndBanks
- coderbusy/china-area: 采集整理来自民政部的行政区域信息
- zengzhan/qqzeng-ip: 最新IP地址数据库-多语言解析以及导入数据库脚本
- eduosi/district: 中国省/自治区/直辖市、市/自治州、区/县/旗数据,包含名称、拼音、拼音首字母、行政代码、区号
- mumuy/widget: A set of widgets based on jQuery&&javascript. 一套基于jquery或javascript的插件库 :轮播、标签页、滚动条、下拉框、对话框、搜索提示、城市选择(城市三级联动)、日历等
- shfshanyue/china-region: 根据国家标准《中华人民共和国行政区划代码》即 GB2260 标准制定,用以查看各个省地县的行政区划代码,并支持多级联动查询
- AreaAndBanks: 中国省市区以及银行和银行支行等数据
- 中华人民共和国民政部
- 生成地址json地区树状数据 - CSDN博客
- 全国各省市区城市编码SQL - CSDN博客
- 中国省市列表的JSON数据 - CSDN博客
- 2018 全国所有省份,城市的json文件(全) - CSDN博客
- 全国省市区数据-json下载 - CSDN博客
- 解析全国省市区Json数据 - CSDN博客
- 最完整的全国省市区数据 - CSDN博客
- 全国省市区数据-json - CSDN博客
- 2017年全国省市区数据JSON-CSDN下载
- 全国城市列表对应的JSON数据-CSDN下载
- 全国各个省、市、区县的的Json数据(打开是各个省的Json数据、mapdata中有各个市、区县全部是分开的需要那个可以自由选择)-CSDN下载
- 国内省市数据 json - CSDN博客
- 全国省市区数据-json - CSDN博客
- (1 封私信 / 68 条消息) 乡、镇、屯、自然村、组、生产队、自治区等名词有官方的英语翻译吗? - 知乎
- 超实用!原来地名可以这样翻译 - 知乎
- 全国省市县三级数据库_Ghost_Running_新浪博客
- 城市三级联动 - citys
- 标准数据中国省市区+银行支行数据 | 氤氲抓不住
- passer-by.com
¥数据类型
¥Blob
blob-util
- nolanlawson/blob-util: Cross-browser utils for working with binary Blobs
Blob.js
- eligrey/Blob.js: An HTML5 Blob implementation
canvas-toBlob.js
- eligrey/canvas-toBlob.js: A canvas.toBlob() implementation
JavaScript-Canvas-to-Blob
- blueimp/JavaScript-Canvas-to-Blob: JavaScript Canvas to Blob is a function to convert canvas elements into Blob objects.
- JavaScript Canvas to Blob Test
- Blob - Web APIs | MDN
- Blob - Web API 接口参考 | MDN
- BlobBuilder - Web API 接口参考 | MDN
- 细说Web API中的Blob - 掘金
- js 获取图片url的Blob值并预览 - Tiac - 博客园
¥DOMString
- DOMString - Web APIs | MDN
¥File
DataTransfer
- DataTransfer - Web API 接口参考 | MDN
FileList
- FileList - Web API 接口参考 | MDN
FileReader
- FileReader - Web API 接口参考 | MDN
- FileReaderSync - Web API 接口参考 | MDN
FileSystem
filer.js
- ebidel/filer.js: A wrapper library for the HTML5 Filesystem API what reuses UNIX commands (cp, mv, ls) for its API.
- File API: Directories and System
- File API: Directories and System
- Exploring the FileSystem APIs - HTML5 Rocks
- The Synchronous FileSystem API for Workers - HTML5 Rocks
FileAPI
- File API
- File API
- File API: Writer
- File - Web API 接口参考 | MDN
¥FormData
- henryluki/FormData: FormData support where window.FormData is undefined
- FormData - Web APIs | MDN
- FormData - Web API 接口 | MDN
- FormData 对象的使用 - Web API 接口 | MDN
- 关于 FormData - 前端 - 掘金
- Web 前沿——HTML5 Form Data 对象的使用 - 梦想天空(山边小溪) - 博客园
¥Media
- Media queries - CSS: Cascading Style Sheets | MDN
- MediaStream Image Capture
- HTML Standard
- Components.utils.importGlobalProperties - Mozilla | MDN
- 理解DOMString、Document、FormData、Blob、File、ArrayBuffer数据类型 « 张鑫旭-鑫空间-鑫生活
¥编码解码
编码解码 core
Base64
Base64.js
- davidchambers/Base64.js: Polyfill for browsers which don't provide window.btoa and window.atob
js-base64
- dankogai/js-base64: Base64 implementation for JavaScript
- Base64 encoding and decoding - Web APIs | MDN
- Base64的编码与解码 - Web API 接口参考 | MDN
- RFC 4648 - The Base16, Base32, and Base64 Data Encodings
- Base64 - Wikipedia
- 浅入深出,原生API实现SVG 转 BASE64 - 掘金
- 一文读懂base64编码
Crypto
- Crypto - Web APIs | MDN
- Window.crypto - Web APIs | MDN
TextEncoder&TextDecoder
- TextDecoder - Web APIs | MDN
- TextEncoder - Web APIs | MDN
Unicode
- Unicode - 维基百科,自由的百科全书
- Unicode编码转换 - 站长工具
- Unicode与中文互转|16进制Unicode编码在线转换|反斜杠u(\u)编码|Java转义字符还原-站长工具
- 在线unicode转中文,中文转unicode-BeJSON.com
- 在线Unicode编码转换-Unicode和ASCII在线互转-中文转Unicode工具
- 汉字转unicode|unicode转汉字
- 在线Unicode与中文互转-在线中文转Unicode-开发者工具网
- 在线unicode转中文,中文转unicode - 在线工具
- 浅谈Unicode编码格式和代码中的应用 - Android - 掘金
- 关于Unicode和URL encoding入门的一切以及注意事项 - hh54188 - 博客园
- 彻底弄懂 Unicode 编码
- 浅谈Unicode编码格式和代码中的应用 | 兰
URI编码解码
- encodeURI() - JavaScript | MDN
- URI - MDN Web Docs Glossary: Definitions of Web-related terms | MDN
- URIScheme - Archive of obsolete content | MDN
- Data URLs - HTTP | MDN
- 关于URL编码 - 阮一峰的网络日志
- js对url进行编码和解码(三种方式区别) - 入世桃源人 - 博客园
- 简单明了区分escape、encodeURI和encodeURIComponent - 哎呦大黄 - 博客园
- UrlEncode编码/UrlDecode解码 - 站长工具
window.atob & window.btoa
- window.btoa - Web API 接口参考 | MDN
- window.atob - Web API 接口参考 | MDN
- window.atob()与window.btoa()方法实现编码与解码 - 风雨后见彩虹 - 博客园
字符集编码
- 字符编码笔记:ASCII,Unicode 和 UTF-8 - 阮一峰的网络日志
- 关于字符编码你应该知道的事情 - 掘金
- 查看字符编码(UTF-8)
字符
特殊字符
- 特殊字符 - 知乎
- 特殊符号
- 特殊字符大全
- 特殊字符_百度百科
- 字符 - 知乎
编码解码 libs、plugins&tools
encoding
- whatwg/encoding: Encoding Standard
- wpt/encoding at master · web-platform-tests/wpt
- Encoding Standard
- Code of Conduct — WHATWG
text-encoding
- inexorabletash/text-encoding: Polyfill for the Encoding Living Standard's API
- Daniel Sieradski / utfu · GitLab
编码解码 资源、整理集&FAQ
编码解码 资源
- 在线编码解码_911查询
编码解码 整理集
- 急速入门前端编码知识
编码解码 FAQ
- UTF-8 BOM踩坑记——细说Unicode和UTF-8
$语言、语法&项目
¥develop&debug
#open in editor
- lahmatiy/open-in-editor: NPM package to open a file in editor
- sindresorhus/open-editor: Open files in your editor at a specific line and column
- lahmatiy/express-open-in-editor: Express extension to open file in editor
- lahmatiy/component-inspector: Component DOM inspector
- restrry/babel-plugin-source-wrapper
#监听文件实现浏览器自动刷新
- AriaFallah/WebpackTutorial: A simple webpack tutorial
- 开发中 Server(devServer) | webpack 中文网
- webpack-dev-server 原理探讨 - 掘金
- gulp+browser-sync 监听文件实现浏览器自动刷新 - 简书
- Browsersync结合gulp和nodemon实现express全栈自动刷新 - 简书
- Node.js、npm、gulp及browser-sync那些事 - 简书
- 前端自动化-浏览器自动实时刷新(gulp)--转自博客园 乐少007 - 简书
- Gulp探究折腾之路(I) - 简书
- webpack-dev-server使用方法,看完还不会的来找我~ - JSer - SegmentFault 思否
- webpack-dev-server模块 - webxiaoma - SegmentFault 思否
- webstorm修改文件,webpack-dev-server不会自动编译刷新 - 个人文章 - SegmentFault 思否
- webpack-dev-server完整demo - 个人文章 - SegmentFault 思否
- webpack-dev-server使用方法,看完还不会的来找我~ - JSer - SegmentFault 思否
- Webpack-dev-server的proxy用法 - 前端小码农 - SegmentFault 思否
- 详解webpack-dev-server的使用 - web前端 - SegmentFault 思否
¥DOM&BOM&CSSOM...
¥DOM 事件机制
- DOM事件机制 - 掘金
- [译] 究竟什么是DOM? - 掘金
- DOM 事件详解 - 掘金
- 深入理解DOM事件机制 - 掘金
- 事件委托详解最新版 - 掘金
- DOM事件机制解惑 | Aitter's Blog
- event.target 和 event.currentTarget 的区别 – T 馆
- JavaScript 事件的学与记:stopPropagation 和 stopImmediatePropagation | 林文康的博客
- DOM级别与DOM事件 - 简书
- JavaScript 事件委托详解 - 知乎
- event.target 和 event.currentTarget 的区别 - FEDeveloper - 博客园
- 事件模型 -- JavaScript 标准参考教程(alpha)
¥HTML utilities
- wooorm/a-rel: List of link types for `rel` on `a` and `area`
- wooorm/aria-attributes: List of ARIA attributes
- wooorm/collapse-white-space: Replace multiple whitespace characters with a single space
- wooorm/comma-separated-tokens: Parse and stringify comma-separated tokens
- wooorm/html-tag-names: List of known HTML tag names
- wooorm/html-dangerous-encodings: List of dangerous HTML character encoding labels
- wooorm/html-encodings: List of known HTML character encoding labels
- wooorm/html-element-attributes: Map of HTML elements to allowed attributes
- wooorm/html-event-attributes: List of HTML event handler content attributes
- wooorm/html-void-elements: List of known void HTML elements
- wooorm/link-rel: List of link types for `rel` on `link`
- wooorm/mathml-tag-names: List of known MathML tag names
- wooorm/meta-name: List of values for `name` on `meta`
- wooorm/property-information: Information for HTML properties
- wooorm/space-separated-tokens: Parse and stringify space-separated tokens
- wooorm/svg-tag-names: List of known SVG tag names
- wooorm/svg-element-attributes: Map of SVG elements to allowed attributes
- wooorm/svg-event-attributes: List of SVG event handler content attributes
- wooorm/web-namespaces: Map of web namespaces
¥虚拟 DOM(Virtual DOM)
nerv
- NervJS/nerv: A blazing fast React alternative, compatible with IE8 and React 16.
- Nerv | 凹凸实验室
snabbdom
- snabbdom/snabbdom: A virtual DOM library with focus on simplicity, modularity, powerful features and performance.
- note/2018-08-16__snabbdom阅读.md at master · steinslin/note
- snabbdom 源码阅读分析 - 掘金
- justemit/vdom: A simple basic implement of virtual-dom algorithm
- 如何实现 virtual-dom · Issue #23 · justemit/coding-note
- 深度剖析:如何实现一个 Virtual DOM 算法 · Issue #13 · livoras/blog
- fengshi123/virtual-dom-example: 虚拟 DOM 实现实例
- 虚拟DOM和Diff算法 - 入门级 - 掘金
- 面试官问: 如何理解Virtual DOM? - 掘金
- 虚拟dom的原理与diff算法
- (13 封私信 / 80 条消息) 网上都说操作真实 DOM 慢,但测试结果却比 React 更快,为什么? - 知乎
cheerio
- cheeriojs/cheerio: Fast, flexible, and lean implementation of core jQuery designed specifically for the server.
- cheerio | Fast, flexible, and lean implementation of core jQuery designed specifically for the server.
classnames
- JedWatson/classnames: A simple javascript utility for conditionally joining classNames together
dom-testing-library-with-anything
- kentcdodds/dom-testing-library-with-anything: you can use dom-testing-library with anything that renders to the DOM
HTML.js
- nbubna/HTML: A simple, extensible way to work directly with the DOM.
- HTML(.js) - Befriend the DOM!
htmx
- bigskysoftware/htmx: </> htmx - high power tools for HTML
- </> htmx - high power tools for html
hotkey
- github/hotkey: Global DOM element activation
incremental-dom
superviews.js
- davidjamesstone/superviews.js: Template engine targeting incremental-dom
- incremental-dom简析 | ¥ЯႭ1I0
- incremental-dom | An in-place DOM diffing library
voyeur.js
- adriancooney/voyeur.js: Voyeur is a tiny (1.2kb) Javascript library that lets you traverse and manipulate the DOM the way it should have been.
- Voyeur.js
¥throttle&debounce
jquery-throttle-debounce
- cowboy/jquery-throttle-debounce: jQuery throttle / debounce: Sometimes, less is more!
- Ben Alman » jQuery throttle / debounce: Sometimes, less is more!
- Izdatyi/jquery-throttle-debounce: jQuery throttle / debounce: Sometimes, less is more!
- jquery-throttle-debounce - npm
jquery-smartresize
- louisremi/jquery-smartresize: Debounced and Throttled Resize Events for jQuery
- smartresize demonstration
promise-throttle
- JMPerez/promise-throttle: A small library to throttle promises. Useful to avoid rate limiting when using REST APIs.
- promise-throttle (master) — A library to throttle promises — doxdox.org powered documentation
raf-schd
- alexreardon/raf-schd: A throttle function that uses requestAnimationFrame to rate limit
rx-queue
- huan/rx-queue: Easy to Use RxJS Queue for Throttle/Debounce/Delay/DelayExecute
- rx-queue - npm
swimmer
- tannerlinsley/swimmer: 🏊 Swimmer - An async task pooling and throttling utility for JS
- Swimmer - CodeSandbox
superagent-throttle
- leviwheatcroft/superagent-throttle: A plugin for superagent that throttles requests.
throttle-debounce
- niksy/throttle-debounce: Throttle and debounce functions.
- throttle-debounce - npm
- DefinitelyTyped/types/throttle-debounce at master · DefinitelyTyped/DefinitelyTyped
- @types/throttle-debounce - npm
- singcl/throttle-debounce: 🌰 throttle and debounce.
- @singcl/throttle-debounce - npm
- kuoruan/throttle-debounce: Typescript version of throttle and debounce function (0.6kb minimized)
- @kuoruan/throttle-debounce - npm
- throttle-debounce - 简书
函数节流和函数防抖
- JS函数节流和函数防抖 - 掘金
- 一图秒懂函数防抖和函数节流 - 掘金
- JavaScript专题系列-防抖和节流 - 掘金
- JS专题之去抖函数 - 掘金
- UnderScore源码看防抖和节流 - 掘金
- 节流防抖及其应用(搜索框和连续滚动优化) - 掘金
- 函数防抖与函数节流
- component/debounce: Debounce functions. Useful for implementing behavior that should only happen after a repeated action has completed.
- m-gagne/limit.js: JavaScript event/call debounce & limit helper
- bjoerge/debounce-promise: Create a debounced version of a promise returning function
- dcorb/debounce-throttle: Debounce & Throtte JavaScript demo
- sindresorhus/p-debounce: Debounce promise-returning & async functions
- sindresorhus/debounce-fn: Debounce a function
- porada/resizeend: Debounced JavaScript resize events
- ForbesLindesay/throat: Throttle a collection of promise returning functions
- zeit/async-throttle: Throttling made simple, easy, async.
- addyosmani/network-emulation-conditions: Network emulation / throttling conditions (2G, 3G, 4G, Wifi etc) ☎️
- sindresorhus/p-throttle: Throttle promise-returning & async functions
- mistakster/throttle-proxy: Throttle HTTP/HTTPS/SOCKS proxy server
- component/throttle: Throttle function calls
- wuct/raf-throttle: Throttle a function by requestAnimationFrame
- sitespeedio/throttle: Throttle your network connection [Linux/Mac OS X]
- joshbuddy/tcplock: Throttle TCP connections to anything!
- terkelg/workshy: A small (376B) lazy function scheduler for a butter smooth main thread
- proxy-throttle-debounce - npm
- util_debounce_throttle - npm
- react-native-debounce-input - npm
- js-throttle-debounce - npm
- @seedalpha/throttle - npm
- debounce & throttle demo
¥other 语言、语法&项目
you-dont-need
- you-dont-need/You-Dont-Need: People choose popular projects, often not because it applies to their problems
- you-dont-need/You-Dont-Need-JavaScript: CSS is powerful, you can do a lot of things without JS.
- you-dont-need/You-Dont-Need-Momentjs: List of date-fns or native functions which you can use to replace moment.js + ESLint Plugin
- you-dont-need/You-Dont-Need-GUI: Stop relying on GUI; CLI **ROCKS**
You-Dont-Know
You-Dont-Know-JS
- getify/You-Dont-Know-JS: A book series on JavaScript. @YDKJS on twitter.
- muzqi/you-dont-know-js: 你不知道的 javascript 读书笔记
- 细读《你不知道的JavaScript·上卷》1-1 作用域是什么? - 掘金
- 细读《你不知道的JavaScript·上卷》1-2 词法作用域 - 掘金
- 全方位彻底读懂<你不知道的JavaScript(上)>--一篇六万多字的读书笔记 - 掘金
- 精读《你不知道的javascript》中卷 - 掘金
- 《你不知道的 JavaScript》全卷读书笔记 - 掘金
- You-Dont-Know-JS 疑难汇总 - 掘金
You-Dont-Know-Lodash-Underscore
- stevemao/You-Dont-Know-Lodash-Underscore: In response to You-Dont-Need-Lodash-Underscore
- omidh28/clarifyjs: Create and Execute Chained Javascript Methods In Any Order You want
¥算法&程序
¥函数式编程
fn.js
- CrowdHailer/fn.js: A JavaScript library built to encourage a functional programming style & strategy. - http://eliperelman.com/fn.js
¥断言库
power-assert
- power-assert-js
- power-assert-js/power-assert: Power Assert in JavaScript. Provides descriptive assertion messages through standard assert interface. No API is the best API.
¥原生对象&数组
collect.js
- ecrmnn/collect.js: 💎 Convenient and dependency free wrapper for working with arrays and objects
- collect.js - npm
Collections
- Collections - Laravel - The PHP Framework For Web Artisans
Sugar
- andrewplummer/Sugar: A Javascript library for working with native objects.
- Sugar - A Javascript utility library for working with native objects.
- Sugar - Home
¥编辑&语法高亮
¥HighLight
#Syntax highlighting
highlight.js
- highlightjs/highlight.js: Javascript syntax highlighter
- highlight.js - npm
- highlight.js
- highlight.js developer documentation — highlight.js 9.12.0 documentation
- CSS classes reference — highlight.js 9.12.0 documentation
- highlight.js/AUTHORS.en.txt at master · highlightjs/highlight.js
lowlight
- wooorm/lowlight: Virtual syntax highlighting for virtual DOMs and non-HTML things
PrismJS
Plugins
- Download ▲ Prism
- Extending Prism ▲ Prism
- Line highlight ▲ Prism plugins
- Line Numbers ▲ Prism plugins
- Show Invisibles ▲ Prism plugins
- Autolinker ▲ Prism plugins
- WebPlatform Docs ▲ Prism plugins
- Custom Class ▲ Prism plugins
- File Highlight ▲ Prism plugins
- Show Language ▲ Prism plugins
- JSONP Highlight ▲ Prism plugins
- Highlight Keywords ▲ Prism plugins
- Remove initial line feed ▲ Prism plugins
- Previewers ▲ Prism plugins
- Autoloader ▲ Prism plugins
- Keep markup ▲ Prism plugins
- Command Line ▲ Prism plugins
- Unescaped markup ▲ Prism plugins
- Normalize Whitespace ▲ Prism plugins
- Data-URI Highlight ▲ Prism plugins
- Toolbar ▲ Prism plugins
- Copy to Clipboard ▲ Prism plugins
- PrismJS/prism: Lightweight, robust, elegant syntax highlighting.
- Prism.js
- SamyPesse/draft-js-prism: Code highlighting for DraftJS using Prism
- addyosmani/prism-js: A Polymer element for syntax highlighting with Prism.js
- ele828/hexo-prism-plugin: Hexo plugin for code highlighting by prism.js, supporting JSX syntax
- egoist/vue-prism-component: highlight code using prism.js and vue component
- JaxsonWang/Prism.js-Style
- withspectrum/draft-js-prism-plugin: Add syntax highlighting support to your DraftJS editor
- Prism
refractor
- wooorm/refractor: Lightweight, robust, elegant virtual syntax highlighting using Prism
- wooorm/emphasize: ANSI syntax highlighting for the terminal
- rehypejs/rehype-highlight: plugin to highlight code blocks
- remarkjs/remark-highlight.js: plugin to highlight code blocks with highlight.js (via lowlight)
- ai/jstransformer-lowlight: Lowlight support for JSTransformers
- 高亮:单关键词、多关键词、多组多关键词,从简单到复杂实现满足多方面需求的页面关键词高亮 - 掘金
¥协作编辑
ShareJS
- josephg/ShareJS: Collaborative editing in any app
¥配置语言
¥ArchieML,AML
- newsdev/archieml-js: JavaScript parser for the Archie Markup Language (ArchieML)
- Archie Markup Language (ArchieML)
¥JSON
JSON core
json3
- bestiejs/json3: A JSON polyfill. Looking for new maintainers.
- JSON 3
JSON5
- json5/json5: JSON5 — JSON for humans
- JSON5 | JSON for Humans
- The JSON5 Data Interchange Format
- json5 - npm
- json5 · PyPI
- dpranke/pyjson5: A Python implementation of the JSON5 data format
- json5-JavaScript中文网-JavaScript教程资源分享门户
- json5-loader · webpack 中文文档(2.2)
- json5-loader
- 什么是JSON5以及JSON5的解析 - 一个开发者的独白 - SegmentFault 思否
JSON Schema
- JSON Schema
- json-schema-org/json-schema-spec: The JSON Schema I-D sources
- JSON Schema | The home of JSON Schema
- JSON Schema | The home of JSON Schema
- Specification | JSON Schema
- draft-handrews-json-schema-02 - JSON Schema: A Media Type for Describing JSON Documents
- draft-handrews-json-schema-validation-02 - JSON Schema Validation: A Vocabulary for Structural Validation of JSON
- draft-handrews-json-schema-hyperschema-02 - JSON Hyper-Schema: A Vocabulary for Hypermedia Annotation of JSON
- draft-handrews-relative-json-pointer-02 - Relative JSON Pointers
- douglascrockford/JSON-js: JSON in JavaScript
- JSON.stringify() - JavaScript | MDN
- JSON
- JSON
- JSON
- JSON
- JavaScript中的JSON - JSON中国 | JSON中文网
- Understanding JSON Schema — Understanding JSON Schema 1.0 documentation
JSON libs、plugins&tools
combine-json
- userpixel/combine-json: Combines a group of json files and folders into an object
- combine-json - npm
- JSDoc: Home
deep-parse-json
- https://github.com/sibu-github/deep-parse-json
geojson&topojson
- mbloch/mapshaper: Tools for editing Shapefile, GeoJSON, TopoJSON and CSV files
- Home · topojson/topojson Wiki
- geojson.io
- mapshaper
- GeoJSON
hjson
- Hjson
- Hjson, a user interface for JSON
JsonML
- JsonML (JSON Markup Language)
JSONFormData
- roman01la/JSONFormData: HTML JSON form submission polyfill
JSON-deepstringify
- leodutra/JSON-deepstringify: Stringifies an object's inherited properties.
json-fmt
- MaxArt2501/json-fmt: Minify and prettify your JSONs
js-stringify
- pugjs/js-stringify: Stringify an object so it can be safely inlined in JavaScript code
JSON Generator
- www.cnblogs.com/lhb25/p/tool-for-generating-random-json-data.html
schema-utils
- webpack/schema-utils: Options Validation
- antonmedv/fx: Command-line JSON processing tool 🔥
- JSONView - View JSON in Firefox and Chrome | BenHollis.net
JSON 资源、整理集&FAQ
JSON 资源
- 在线JSON校验格式化工具(Be JSON)
- JSON在线工具 - 在线JSON校验格式化工具(K JSON) - json在线解析|json|在线校验
- JSON在线格式化校验工具-奇妙工具箱-qjson.cn
- Json在线解析
- 懒人工具-json在线解析-在线JSON格式化工具-json校验-程序员必备
- JSON在线 | JSON解析格式化—SO JSON在线工具
- Json在线解析格式化-Json在线解析校验Json格式化压缩-Json解析
- JSON在线解析及格式化验证 - JSON.cn
- 格式校验利器:JSON Schema 简介 | Ocavue's Blog
- JSON 转 markdown 表格
- 基于jsoneditor二次封装一个可实时预览的json编辑器组件(react版)
JSON 整理集
JSON FAQ
JSON.stringify()&JSON.parse()
- 你不知道的 JSON.stringify() 的威力
- 【漫游Github】如何提升JSON.stringify()的性能? - 掘金
- 解决IE6、7、8使用JSON.stringify报JSON未定义错误的问题 - CSDN博客
- javascript - JSON.parse(JSON.stringify(data)) - SegmentFault 思否
- JS中JSON对象和String之间的互转及处理技巧_javascript技巧_脚本之家
- js 将json字符串转换为json对象的方法解析_javascript技巧_脚本之家
- JSON.stringify 语法实例讲解_json_脚本之家
- javascript转换字符串为json对象的方法的相关文章推荐 - 非技术 - ITeye专栏频道
- 【js】JSON.stringify 语法实例讲解 - NW_KNIFE - 博客园
- 前端页面使用 Json对象与Json字符串之间的互相转换 - 码农弟 - 博客园
- 前端js如何生成一个对象,并转化为json字符串 - 叶丶梓轩 - 博客园
- javascript json字符串与对象相互转换 - haxnt - 博客园
- javascript中json对象json数组json字符串互转及取值 - 棒棒博客 - 博客园
- 将字符串转化成json对象 - hy_85的日志 - 网易博客
JSON比较
- Akimotorakiyu/jsonComparer: 比较两个json表示的对象是否一致
toJSON()
- What is the `toJSON()` Function in JavaScript? | www.thecodebarbarian.com
判断字符串是否为JSON格式
- js判断字符串是否为JSON格式 - 前进者 - CSDN博客
- javascript - js如何判断一个字符串是否为json格式 - SegmentFault 思否
- 【最简单的方法】js判断字符串是否为JSON格式(20180115更新) - 雷明nice - 博客园
is-json
- joaquimserafim/is-json: check if a string is a valid JSON string in JavaScript without using Try/Catch
- 如何识别一个字符串是否Json格式 - 路过秋天 - 博客园
- cyqdata/JsonSplit.cs at master · cyq1162/cyqdata
- 判断一个字符串是否是合法的JSON字符串 - u014133299的博客 - CSDN博客
- 【最简单的方法】js判断字符串是否为JSON格式(20180115更新) - 雷明nice - 博客园
- 用JS解析JSON - 掘金
- JavaScript实现JSON解析器 - 掘金
- ES6中Json、String、Map、Object之间的转换 - CSDN博客
- js中,清空对象(删除对象的属性) - CSDN博客
- js 判断一个json里是不是包含某个key - CSDN博客
- 在IE兼容模式下 提示JSON未定义 - CSDN博客
- json字符串中,包含函数的处理 - CSDN博客
- js对象浅拷贝和深拷贝详解_javascript技巧_脚本之家
- Js中获取对象的所有key值 - TiestoRay - 博客园
- javascript一种新的对象创建方式-Object.create() - yupeng - 博客园
- jquery 对 Json 的各种遍历-前端开发博客
¥XML
XML core
- Extensible Markup Language (XML) 1.0 (Fifth Edition)
- Namespaces in XML 1.0 (Third Edition)
XML libs、plugins&FAQ
fast-xml-parser
- Fast XMl Parser
- NaturalIntelligence/fast-xml-parser: Validate XML, Parse XML to JS/JSON and vise versa, or parse XML to Nimn rapidly without C/C++ based libraries and no callback
XML 资源、整理集&FAQ
¥YAML
YAML core
- The YAML Project
- yaml/www.yaml.org: The yaml.org website
- The Official YAML Web Site
YAML libs、plugins&tools
js-yaml
- nodeca/js-yaml: JavaScript YAML parser and dumper. Very fast.
- tj/js-yaml: CommonJS YAML Parser -- fast, elegant and tiny yaml parser for javascript
- fmvilas/pseudo-yaml-ast: Fork of pseudo-yaml-ast. Parse a YAML string into an object with location properties
- solderjs/json2yaml: A command-line utility to convert a JSON file (.json) to YAML (.yml)
- connec/yaml-js: A port of PyYAML to CommonJS
- dworthen/js-yaml-front-matter: Parses yaml or json from the beginning of a string or file
- jeffsu/json2yaml: Javascript JSON to YAML converter
- mulesoft-labs/yaml-ast-parser: This is a fork of JS-YAML which supports parsing of YAML into AST
YAML 资源、整理集&FAQ
- YAML: probably not so great after all
HOCON
- config/HOCON.md at master · lightbend/config
toml
- toml-lang/toml: Tom's Obvious, Minimal Language
- JS解析格式化Json插件,Json和XML互相转换插件-JS/JQuery-Json在线解析C#.Net社区
¥开发libs、plugins&tools
eustia
- liriliri/eustia: Tool for generating utility libraries
- Eustia: A Tool for Generating JavaScript Utility Libraries:)
- baukh789/jTool: javascript轻量类库
- halldwang/your-js-lib: 快速开发一个轮子
- 在NPM发布自己造的轮子 - 掘金
- Koa的洋葱中间件,Redux的中间件,Axios的拦截器让你迷惑吗?实现一个精简版的就彻底搞懂了。 - 掘金
- 谈谈如何设计一个插件(Plugin)体系 - 掘金
- 《前端那些事》从0到1开发工具库 - 掘金
- jQuery插件的几种写法 - CSDN博客
- 高级Js-Tab切换组件_失心疯的博客-CSDN博客
- 如何定义一个高逼格的原生JS插件 - 简书
- 如何开发原生的 JavaScript 插件(知识点+写法) - Cboyce - 博客园
- Redux/react-redux/redux中间件设计实现剖析
- 如何创建与框架无关的JavaScript插件
¥下一代JS语法编译器
Babel
Babel core
#Babel 7
Guides
- What is Babel? · Babel
General
- Editors · Babel
Usage
- Options · Babel
Presets
- @babel/preset-env · Babel
Tooling
- @babel/parser · Babel
- Babel · The compiler for next generation JavaScript
- Blog · Babel
#Babel older
- Babel · The compiler for writing next generation JavaScript
- Babel 中文网 · Babel - 下一代 JavaScript 语法的编译器
- @babel/cli · Babel
- @babel/types · Babel
- Babel · The compiler for next generation JavaScript
- Babel · The compiler for next generation JavaScript
- babel-types · Babel 中文文档 - 印记中文
- Configure Babel · Babel
- Config Files · Babel
- Editors · Babel
- Upgrade to Babel 7 · Babel
- Babel · The compiler for writing next generation JavaScript
- Babel (5.x) · The compiler for writing next generation JavaScript
babylon
- babel/babylon: PSA: moved into babel/babel as @babel/parser -->
- babel/packages/babel-parser at master · babel/babel
babelify
- babel/babelify: Browserify transform for Babel
babel-handbook
- jamiebuilds/babel-handbook: A guided handbook on how to use Babel and how to create plugins for Babel.
- babel-handbook/plugin-handbook.md at master · jamiebuilds/babel-handbook
- Babel
- babel/babel: Babel is a compiler for writing next generation JavaScript.
- babel/website: The Babel documentation website
- babel/awesome-babel: 😎A list of awesome Babel plugins, presets, etc.
- Topic: babel
- Migrating from JavaScript · TypeScript
Babel libs、plugins&tools
#Babel Macros
babel-plugin-macros
- kentcdodds/babel-plugin-macros: 🎣 Allows you to build simple compile-time libraries
- babel-plugin-macros - npm
babel-plugin-transform-vue-jsx
- vuejs/babel-plugin-transform-vue-jsx: babel plugin for vue 2.0 jsx
idx.macro
- idx.macro - npm
- jgierer12/awesome-babel-macros: A collection of awesome babel macros and related resources
- mattphillips/babel-plugin-console: Babel Plugin that adds useful build time console functions 🎮
- styled-jsx - npm
- Zero-config code transformation with babel-plugin-macros · Babel
- styled-components: Tooling
- emotion
- Kent C. Dodds (@kentcdodds) | Twitter
#General Plugins
#A-G
babel-plugin-add-module-exports
- 59naga/babel-plugin-add-module-exports: 【v0.2 no longer maintained】 Fix babel/babel#2212 - Follow the babel@5 behavior for babel@6
- babel-plugin-add-module-exports - npm
babel-plugin-component
- ElementUI/babel-plugin-component: Modular element-ui build plugin for babel.
- babel-plugin-component - npm
- vue+element-ui使用babel-plugin-component按需加载组件及自定义主题对应的scss样式-云栖社区-阿里云
- 不使用 babel-plugin-component 实现按需引用element-ui - 掘金
- 怎么动态使用babel-plugin-component这个插件 · Issue #36 · ElementUI/babel-plugin-component
- 组件 | Element
- vue+element-ui使用babel-plugin-component按需加载组件及自定义主题对应的scss样式 - 掘金
babel-plugin-console
- mattphillips/babel-plugin-console: Babel Plugin that adds useful build time console functions 🎮
babel-plugin-console-source
- peteringram0/babel-plugin-console-source: Add the file name and line numbers to all console logs.
babel-plugin-console-transform
- lingxiaoguang/babel-plugin-console-transform: 🌈一个生产环境删除console,开发环境扩展console支持打印颜色和代码位置的babel插件
babel-plugin-css-in-js
- martinandert/babel-plugin-css-in-js: A plugin for Babel v6 which transforms inline styles defined in JavaScript modules into class names so they become available to, e.g. the `className` prop of React elements. While transforming, the plugin processes all
babel-plugin-dynamic-import-node
- airbnb/babel-plugin-dynamic-import-node: Babel plugin to transpile import() to a deferred require(), for node
babel-plugin-external-helpers
- babel-plugin-external-helpers - npm
babel-plugin-feature-flags
- ember-cli/babel-plugin-feature-flags: A babel transform for managing feature flags
babel-plugin-function-try-catch
- allan2coder/babel-plugin-function-try-catch: A babel plugin that can automatically add try/catch to functions.(一个能为函数自动添加 try/catch 的 babel 插件)
- 【编译篇】AST实现函数错误的自动上报
babel-plugin-groundskeeper-willie
- betaorbust/babel-plugin-groundskeeper-willie: The spiritual successor to groundskeeper. Removes console calls, debuggers, and and pragma-wrapped code.
babel-plugin-graphql-tag
- gajus/babel-plugin-graphql-tag: Compiles GraphQL tagged template strings using graphql-tag.
fast-async
- MatAtBread/fast-async
- mcuking/babel-plugin-console-enhanced: Babel plugin that helps enhance the content of console expression
#H-N
idx
- facebookincubator/idx: Library for accessing arbitrarily nested, possibly nullable properties on a JavaScript object.
- babel-plugin-idx - npm
babel-plugin-import
- ant-design/babel-plugin-import: Modularly import plugin for babel.
babel-jest
- babel/babel-jest: Jest plugin for Babel
- jest/packages/babel-jest at master · facebook/jest
babel-plugin-mobx-deep-action
- mobxjs/babel-plugin-mobx-deep-action: Reduces `action` and `runInAction` boilerplates
- infernojs/babel-plugin-inferno: Transforms JSX to InfernoJS vNodes
- wooorm/babel-plugin-inline-constants: Babel plugin to inline constants
babel-plugin-localize
- amerani/babel-plugin-localize: codemod to localize static strings
- Introduction · ttag javascript es6 localization tool
babel-plugin-lodash
- lodash/babel-plugin-lodash: Modular Lodash builds without the hassle.
babel-plugin-module-resolver
- tleunen/babel-plugin-module-resolver: Custom module resolver plugin for Babel
babel-plugin-hash-resolve
- miketamis/babel-plugin-hash-resolve: Lets you use #Paths instead of '../../../lib/helper.js' it becomes just '#/lib/helper.js'
#O-T
@babel/plugin-syntax-dynamic-import
- @babel/plugin-syntax-dynamic-import · Babel
- @babel/plugin-syntax-dynamic-import · Babel 中文网
- babel-plugin-syntax-dynamic-import - npm
@babel/plugin-transform-async-to-generator
- @babel/plugin-transform-async-to-generator · Babel
@babel/plugin-transform-runtime
- babel-plugin-transform-runtime - npm
- @babel/plugin-transform-runtime · Babel
@babel/plugin-transform-react-jsx
- @babel/plugin-transform-react-jsx · Babel
@babel/plugin-transform-regenerator
- babel/packages/babel-plugin-transform-regenerator at master · babel/babel
babel-polyfill
- @babel/polyfill · Babel
- @babel/polyfill 与 @babel/plugin-transform-runtime 详解 · Issue #4 · SunshowerC/blog
- babel-polyfill与babel-plugin-transform-runtime - 皖林的博客 - CSDN博客
- babel-plugin-transform-runtime 和 babel-runtime 的区别? - 穗乃果的回答 - SegmentFault 思否
- javascript - 使用 babel-polyfill 为什么要使用 babel-plugin-transform-runtime - SegmentFault 思否
- babel-runtime和babel-polyfill的作用介绍和使用 - 简书
- 对babel-transform-runtime,babel-polyfill的一些理解 - 简书
- babel-preset-es2015,babel-polyfill 与 babel-plugin-transform-runtime - mr_lao - 博客园
- babel-runtime 和 babel-polyfill - 小_牛仔 - 博客园
- webpack+babel+transform-runtime, IE下提示Promise未定义?Script - 阿里云
babel-plugin-react-error-catcher
- loggur-legacy/babel-plugin-react-error-catcher: Automatically adds a decorator to React components. Accepts a single argument, a path to some module for error reporting, and if there's an error, it will catch it and pass it to the reporter.
babel-plugin-react-persist
- DAB0mB/babel-plugin-react-persist: Automatically useCallback() & useMemo(); memoize inline functions
babel-plugin-react-docgen
- storybooks/babel-plugin-react-docgen: Babel plugin to add react-docgen info into your code.
babel-plugin-react-html-attrs
- insin/babel-plugin-react-html-attrs: Babel plugin which transforms selected HTML attributes in JSX to their React equivalents
babel-plugin-styled-components
- styled-components/babel-plugin-styled-components: Improve the debugging experience and add server-side rendering support to styled-components
babel-plugin-transform-decorators
- babel-plugin-transform-decorators · Babel
- babel-plugin-transform-decorators - npm
- babel-plugin-transform-decorators · Babel 中文网
babel-plugin-transform-decorators-legacy
- loganfsmyth/babel-plugin-transform-decorators-legacy: A plugin for Babel 6 that (mostly) replicates the old decorator behavior from Babel 5
- babel-plugin-transform-decorators-legacy - npm
babel-plugin-transform-builtin-extend
- loganfsmyth/babel-plugin-transform-builtin-extend: A plugin for Babel 6 supports extending from builtin types based on static analysis.
babel-plugin-transform-remove-imports
- uiw-react/babel-plugin-transform-remove-imports: Remove the specified import declaration when you use the babel transform to build the package.
babel-plugin-transform-jsbi-to-bigint
- GoogleChromeLabs/babel-plugin-transform-jsbi-to-bigint: Compile JSBI code that works in today’s environments to native BigInt code.
babel-plugin-transform-remove-console
- Riokai/babel-plugin-transform-remove-console: Add extra options
babel-plugin-transform-react-createelement-to-jsx
- flying-sheep/babel-plugin-transform-react-createelement-to-jsx: Transforms React.createElement calls to JSX syntax
babel-plugin-transform-react-jsx-img-import
- gvelo/babel-plugin-transform-react-jsx-img-import: Generate imports for jsx img elements. A handy transform for use in webpack workflows.
babel-plugin-transform-react-jsx-location
- adrianton3/babel-plugin-transform-react-jsx-location: Adds a data-source attribute to JSX tags containing the file name and line number of the original source
babel-plugin-transform-es2015-modules-commonjs
- Package - babel-plugin-transform-es2015-modules-commonjs
babel-plugin-transform-es2015-modules-umd
- babel-plugin-transform-es2015-modules-umd · Babel
- babel-plugin-transform-es2015-modules-umd - npm
babel-plugin-transform-es2015-modules-amd
- babel-plugin-transform-es2015-modules-amd · Babel
- Package - babel-plugin-transform-es2015-modules-amd
- finom/babel-plugin-transform-es2015-modules-simple-amd: Limited transformer for ECMAScript 2015 modules (AMD)
babel-plugin-transform-class-properties
- babel-plugin-transform-class-properties - npm
- babel-plugin-transform-class-properties · Babel 中文网
babel-plugin-transform-async-to-module-method
- babel-plugin-transform-async-to-module-method · Babel
babel-plugin-ramda
- megawac/babel-plugin-ramda: Easy modular builds
babel-plugin-root-import
- entwicklerstube/babel-plugin-root-import: Add the opportunity to import modules by the root path
- babel-plugin-root-import - npm
babel-plugin-separate-import
- @nutui/babel-plugin-separate-import - npm
#U-Z
babel-plugin-version
- hustcc/babel-plugin-version: babel plugin replace define identifier `__VERSION__` to pkg.version!
- wooorm/babel-plugin-undebug: Babel plugin to remove `debug` from code
- unassert-js/babel-plugin-unassert: Babel plugin to encourage reliable programming by writing assertions in production code, and compiling them away from release.
babel-plugin-webpack-alias
- trayio/babel-plugin-webpack-alias: babel 6 plugin which allows to use webpack resolve options
#Presets
@babel/preset-env
- babel/babel-preset-env: PSA: this repo has been moved into babel/babel -->
- babel/packages/babel-preset-env at master · babel/babel
- @babel/preset-env · Babel
- [译]Babel文档之@babel/preset-env - 掘金
@babel/preset-typescript
- @babel/preset-typescript · Babel
babel-preset-react
- babel-preset-react - npm
babel-react-optimize
- jamiebuilds/babel-react-optimize: A Babel preset and plugins for optimizing React code.
babel-preset-vue-app
- vuejs/babel-preset-vue-app: Babel preset for Vue app.
#proposal(提案)
@babel/plugin-proposal-class-properties
- @babel/plugin-proposal-class-properties - npm
- @babel/plugin-proposal-class-properties · Babel
- @babel/plugin-proposal-class-properties · Babel
@babel/plugin-proposal-decorators
- tc39/proposal-decorators: Decorators for ES6 classes
- wycats/javascript-decorators
- @babel/plugin-proposal-decorators · Babel
@babel/plugin-proposal-export-default-from
- @babel/plugin-proposal-export-default-from · Babel
@babel/plugin-proposal-export-namespace-from
- @babel/plugin-proposal-export-namespace-from · Babel
@babel/plugin-proposal-function-sent
- @babel/plugin-proposal-function-sent - npm
- @babel/plugin-proposal-function-sent · Babel
@babel/plugin-proposal-optional-chaining
- @babel/plugin-proposal-optional-chaining · Babel
- @babel/plugin-proposal-optional-chaining · Babel
@babel/plugin-proposal-pipeline-operator
- @babel/plugin-proposal-pipeline-operator · Babel
@babel/plugin-proposal-throw-expressions
- @babel/plugin-proposal-throw-expressions · Babel
@babel/plugin-proposal-unicode-property-regex
- @babel/plugin-proposal-unicode-property-regex · Babel
@babel/plugin-proposal-private-methods
- @babel/plugin-proposal-private-methods · Babel
tc39/proposal-class-fields
- tc39/proposal-class-fields: Orthogonally-informed combination of public and private fields proposals
- tc39/proposal-private-fields: A Private Fields Proposal for ECMAScript
- tc39/proposal-class-public-fields: Stage 2 proposal for public class fields in ECMAScript
- proposal-class-fields/PRIVATE_SYNTAX_FAQ.md at master · tc39/proposal-class-fields
- Public and private instance fields proposal
- Public and private instance fields proposal
- Public Class Fields
- 关于废止proposal-class-fields提案的建议_aimingoo的专栏-CSDN博客
tc39/proposal-private-methods
- tc39/proposal-private-methods: Private methods and getter/setters for ES6 classes
- Private Methods and Accessors Proposal
- tc39/proposals: Tracking ECMAScript Proposals
- tc39/proposal-optional-chaining
- The TC39 Process
#React
babel-plugin-framer-x
- eschaefer/babel-plugin-framer-x: A Babel plugin to remove Framer X code from your React components.
babel-plugin-hoist-facc
- strayiker/babel-plugin-hoist-facc: Babel plugin to hoist Function as Child Component
babel-plugin-react-transform
- gaearon/babel-plugin-react-transform: Babel plugin to instrument React components with custom transforms
babel-plugin-react-require
- vslinko/babel-plugin-react-require: [TODO] Babel plugin that adds React import declaration if file contains JSX tags
babel-plugin-react-hyperscript
- roman01la/babel-plugin-react-hyperscript: HyperScript syntax for React components without runtime overhead
babel-plugin-react-import-extends
- vijaysutrave/babel-plugin-react-import-extends: Babel plugin to get rid of extends Component & import React
babel-plugin-react-hiccup
- callwait/babel-plugin-react-hiccup: Hiccup syntax for React components with Babel
babel-plugin-transform-react-remove-prop-types
- oliviertassinari/babel-plugin-transform-react-remove-prop-types: Remove unnecessary React propTypes from the production build.
babel-plugin-transform-react-jsx-self
- babel/packages/babel-plugin-transform-react-jsx-self at master · babel/babel
babel-plugin-transform-react-constant-elements
- babel-plugin-transform-react-constant-elements - npm
babel-plugin-transform-react-inline-elements
- babel-plugin-transform-react-inline-elements - npm
babel-plugin-transform-react-class-to-function
- remcohaszing/babel-plugin-transform-react-class-to-function: A Babel 7 plugin which transforms React component classes into functions
#Testing
babel-plugin-espower
- power-assert-js/babel-plugin-espower: Babel plugin for power-assert
babel-plugin-istanbul
- istanbuljs/babel-plugin-istanbul: A babel plugin that adds istanbul instrumentation to ES6 code
babel-plugin-rewire
- speedskater/babel-plugin-rewire: A babel plugin adding the ability to rewire module dependencies. This enables to mock modules for testing purposes.
#Types
babel-plugin-tcomb
- gcanti/babel-plugin-tcomb: Babel plugin for static and runtime type checking using Flow and tcomb
babel-plugin-jsdoc-to-assert
- azu/babel-plugin-jsdoc-to-assert: Runtime type checking for JSDoc
- azu/jsdoc-to-assert: JSDoc to assert
babel-plugin-runtyper
- vitalets/babel-plugin-runtyper: ⚡️ Runtime type-checker for JavaScript
flow-runtime
- flow-runtime/packages/babel-plugin-flow-runtime at master · codemix/flow-runtime
#Usage
@babel/register
- babel/packages/babel-register at master · babel/babel
- @babel/register · Babel
- @babel/register · Babel
- Config Files · Babel
babel-watch
- kmagiera/babel-watch: Reload your babel-node app on JS source file changes. And do it fast.
babel-time-travel
- babel/babel-time-travel: Time travel through babel transformations one by one (implemented in the Babel REPL now)
- babel-time-travel
- Topic: babel-plugin
- keywords:babel-plugin - npm search
- Plugins · Babel
- 插件 · Babel 中文网
- 教你如何编写Babel插件 - 掘金
- 从零开始编写一个babel插件 - 掘金
- babel 插件开发案例
Babel 资源、整理集&FAQ
Babel 资源
- jamiebuilds/the-super-tiny-compiler: Possibly the smallest compiler ever
- Babel 入门教程 - 阮一峰的网络日志
- babel知识体系漫谈 - 掘金
Babel 整理集
Babel FAQ
- 不容错过的 Babel7 知识 - 掘金
- babel能不能分析代码然后按需polyfill ? - 掘金
- [实践系列]Babel原理 - 掘金
- 史上最清晰易懂的babel配置解析 - 掘金
- 深入浅出 Babel 上篇:架构和原理 + 实战 - 掘金
- 深入浅出 Babel 下篇:既生 Plugin 何生 Macros - 掘金
- 建议改成: 读完这篇你还不懂Babel我给你寄口罩 - 掘金
- 搞懂babel7常用的配置和优化,这篇就够了! - 掘金
- (2条消息) 实现一个真正的babel插件(不仅仅是替换字符)及 ast操作原理_前端361-CSDN博客
- Babel: plugin, preset的区别于使用 - 简书
- Babel 中的 plugins 与 presets - 简书
- Babel是如何读懂JS代码的 - 知乎
- babel的plugins和presets解析 - 赵大树 - 博客园
- Babel配置中的presets、plugins、各个阶段stage的含义 - 杰哥斯坦森 - 博客园
- 理解babel的基本原理和使用方法 - 泛舟青烟 - 博客园
- 前端工程师需要了解的 Babel 知识
- 初学 Babel 工作原理
- 看了就懂的 AST 和 Babel 工作流程
regenerator
- facebook/regenerator: Source transformer enabling ECMAScript 6 generator functions in JavaScript-of-today.
- regenerator/packages/regenerator-runtime at master · facebook/regenerator
- regenerator/packages/regenerator-transform at master · facebook/regenerator
- Regenerator
recast
- benjamn/recast: JavaScript syntax tree transformer, nondestructive pretty-printer, and automatic source map generator
sucrase
sucrase core
- alangpierce/sucrase: Super-fast alternative to Babel for when you can target modern JS runtimes
- Sucrase
sucrase libs、plugins&tools
- digital-eclecticism/parcel-plugin-sucrase
- caioagiani/api-sequelize-sucrase: API RESTful NodeJs express, sequelize (mysql), jwt e sucrase es5 + eslint & prettier
- rollup/rollup-plugin-sucrase: This package has moved and is now available at @rollup/plugin-sucrase / https://github.com/rollup/plugins
sucrase 资源、整理集&FAQ
traceur-compiler
- google/traceur-compiler: Traceur is a JavaScript.next-to-JavaScript-of-today compiler
- use traceur in ES6 - 菠萝君 - 博客园
- google.github.io/traceur-compiler/bin/traceur.js
- 6to5 – 让你即刻体验 ECMAScript 6 编程 - 梦想天空(山边小溪) - 博客园
¥打包工具&构建工具
browserify
- browserify/browserify: browser-side require() the node.js way
- browserify/tinyify: a browserify plugin that runs various optimizations, so you don't have to install them all manually. makes your bundles tiny!
- substack/node-browserify: browser-side require() the node.js way
- dolymood/bifypack: 基于gulp和browserify的项目构建工具
- browserify/watchify: watch mode for browserify builds
- Macil/browserify-hmr: Hot Module Replacement plugin for Browserify
- Browserify
- 前端模块及依赖管理的新选择:Browserify - 庭院茶 - SegmentFault 思否
- Browserify + watchify - 简书
- 使用Browserify来实现CommonJS的浏览器加载 - 小火柴的蓝色理想 - 博客园
- browserify学习总结 - 海角在眼前 - 博客园
- browserify使用手册 - 诗&远方 - 博客园
- 前端模块化开发学习之gulp&browserify篇 - sharlly - 博客园
- browserify - 教程中心 - 阿里云
coolpack
- anderpang/coolpack: coolpack is a module bundler,enables add version number automatically,load asynchronously,and do the relevant optimization.
cooking
- ElemeFE/cooking: 👨🍳 更易上手的前端构建工具
esbuild
- evanw/esbuild: An extremely fast JavaScript bundler and minifier
- esbuild - An extremely fast JavaScript bundler
gulp
gulp core
- gulp/API.md at master · gulpjs/gulp
- gulpjs/gulp: The streaming build system
- gulp
- gulp.js plugin registry
- gulp.js - the streaming build system
- gulp.js - 基于流的自动化构建工具。 | gulp.js 中文网
- gulp 中文文档 - gulp.js 中文文档 | gulp.js 中文网
- Gulp快速入门教程 - 个人文章 - SegmentFault 思否
- Gulp学习指南之CSS合并、压缩与MD5命名及路径替换 - YuanWing Notes - SegmentFault 思否
- 一点 | gulp详细入门教程
- 一点 | gulp教程之gulp-livereload
- 一点 | gulp教程之gulp中文API
- Gulp 简明使用教程 - 简书
gulp dependencies、libs、plugins&tools
gulp-alex
- dustinspecker/gulp-alex: Gulp plugin for Alex
- get-alex/alex: Catch insensitive, inconsiderate writing
- Alex - Catch insensitive, inconsiderate writing
gulp-autoprefixer
- 一点 | gulp教程之gulp-autoprefixer
- gulp-autoprefixer报Promise is not defined错误 - nikoo_hp - 博客园
- gulp-autoprefixer的使用 - 简书
- gulp教程之gulp-autoprefixer(根据设置浏览器版本自动处理浏览器前缀) - Hendsame - 博客园
- gulp常用插件-gulp-autoprefixer - 吴小粥的博客 - CSDN博客
- Gulp插件autoprefixer的使用 - tinyphp - 博客园
- gulp-autoprefixer - 博客 - CSDN博客
gulp+browsersync
- gulp+browsersync前端自动化构建和页面自动同步 - 个人文章 - SegmentFault 思否
- candyCCat/gulp-browsersync: 搭建的一个简单的基于gulp+browsersync的前端自动化构建框架
gulp-bufferify
- 用gulp-bufferify快速创建你的gulp插件 - Web烤猫 - SegmentFault 思否
gulp-changed
- gulp-changed的使用:只编译改动过的文件 - 不挑食的程序员 - SegmentFault 思否
- gulp-changed - npm
gulp-debug
- gulp-debug - npm
gulp-eagle
- youngluo/gulp-eagle: Gulp Eagle is based on Laravel Elixir, which provides a clean, fluent API for defining basic Gulp tasks.
- gulp-eagle 一个可以快速使用gulp构建前端项目的工具 - 前端小记 - SegmentFault 思否
gulp-imagemin
gulp-rev-replace
- Package - gulp-rev-replace
- gulp-rev-replace,重写已经被吞rev改名的文件名的出现,下载gulp-rev-replace的源码_GitHub_帮酷
gulp-rename
- gulp-rename - npm
- node笔记——gulp修改静态文件的名字 - 青草圆 - 博客园
gulp-sequence
- 按顺序逐个同步地运行 Gulp 任务 - 简书
- teambition/gulp-sequence: Run a series of gulp tasks in order
gulp-sourcemaps
- gulp-sourcemaps的用法 - 幸福n-1次方 - 博客园
- javascript - gulp-sourcemaps 的使用过程中,在chrome中没找到对应的可调式的源码啊 - SegmentFault 思否
- gulp插件(8) - gulp-sourcemaps(生成sourcemap) - 好事之徒 - CSDN博客
- gulp-Source Map 详解 - m0_37978717的博客 - CSDN博客
- Introduction to JavaScript Source Maps - HTML5 Rocks
gulp-useref
- gulp系列:gulp-useref - J大老板 - CSDN博客
- gulp-useref - npm
gulp-util
- gulp-util - npm
gulp-utf8-convert
- gulp-utf8-convert - npm
gulp转码
- ashtuchkin/iconv-lite: Convert character encodings in pure javascript.
- heldinz/gulp-convert-encoding: Plugin for gulp to convert files from one encoding to another.
- gulp生成utf-8文件的同时,也生成gbk版本 - 简书
- gulp-convert-encoding - npm
- 将文件转成utf8编码的gulp插件——gulp-utf8-convert - 泡泡 - SegmentFault 思否
- hellopao/gulp_plugin: plugins for gulp.js
- 常用gulp插件介绍(一)
- gulp常用插件使用指南(一) - 掘金
- 精通 gulp 常用插件 - 前端 - 掘金
glup 资源、整理集&FAQ
gulp 资源
- 做一个合格的前端,gulp资源大集合 - 专注WEB前端/微信小程序 - SegmentFault 思否
gulp 整理集
《Gulp折腾之路》
- Gulp探究折腾之路(I) | 晚晴幽草轩
- Gulp折腾之路(II) | 晚晴幽草轩
- Gulp折腾之路(III) | 晚晴幽草轩
gulp FAQ
拷贝文件
- gulp拷贝文件的时候如何保持路径? - CNode技术社区
- gulp.src复制整个文件夹或文件到指定目录(包括拷贝单个文件) - 雾里看花叹朦胧 - CSDN博客
- web前端工程化工具_gulp的路径问题,路径通配符 ** * ,拷贝所有文件夹及其子文件夹下的文件,项目的所有文件 - jiang7701037的博客 - CSDN博客
- deployment - How do I copy directories recursively with gulp? - Stack Overflow
task顺序执行
- gulp的task顺序执行 - SegmentFault 思否
- gulp顺序执行任务
- gulp顺序执行任务 - {前端开发} - 博客园
- javascript - gulp任务的先后问题 - SegmentFault 思否
- gulp_如何保证任务和程序顺序执行? - fantaxy025025的专栏 - CSDN博客
- gulp中task的异步执行:加上return - 不挑食的程序员 - SegmentFault 思否
gulp error
- gulp打包之unable to minify JavaScript - CSDN博客
- [Gulp打包问题] GulpUglifyError: unable to minify JavaScript - Jerry's Blog - 开源中国
- 【gulp错误】GulpUglifyError: unable to minify JavaScript(黑人问号脸.gif) - reng嘉的回答 - SegmentFault 思否
- gulp编译报错 - CSDN博客
- gulp - GulpUglifyError: unable to minify JavaScript - Stack Overflow
- gulp错误GulpUglifyError: unable to minify JavaScript解决
- 使用gulp实现前端自动化 - 掘金
- 让我们用gulp写个前端脚手架 - 掘金
- gulp插件解决浏览器缓存问题 - 掘金
- 使用gulp为项目中的文件自动添加版本号之实践思路 - 姜丝的博客 - CSDN博客
- gulp.src复制整个文件夹或文件到指定目录(包括拷贝单个文件) - 雾里看花叹朦胧 - CSDN博客
- gulp自动添加静态文件版本号方案 - wangwei249的博客 - CSDN博客
- Gulp .src() 匹配模式详解 - 凝弧 - CSDN博客
- gulp 实现 js、css,img 合并和压缩 - CSDN博客
- 前端构建工具- gulp - 安装及简单CSS,JS文件合并压缩 - CSDN博客
- glup搭建和使用 - CSDN博客
- gulp教程之gulp-concat - CSDN博客
- gulp.src排除一些文件 - 个人文章 - SegmentFault 思否
- gulp4 - gulp中del()使用问题 - SegmentFault 思否
- Gulp学习指南之CSS合并、压缩与MD5命名及路径替换 - YuanWing Notes - SegmentFault 思否
- Gulp快速入门教程 - 个人文章 - SegmentFault 思否
- 整理配置的一套gulp自动化方案 - 个人文章 - SegmentFault 思否
- gulp详细基础教程 - 前端码路拾遗 - SegmentFault 思否
- 一点 | gulp教程之gulp-imagemin
- 详解常用的gulp命令 - aiiright - 博客园
- gulp使用小结(一) - 聂微东 - 博客园
- gulp gulp有没有办法将所有的js文件压缩并重命名_百度知道
- gulp排除已压缩文件思路
grunt
grunt core
- gruntjs/grunt: Grunt: The JavaScript Task Runner
- Grunt: The JavaScript Task Runner
- Grunt: JavaScript世界的构建工具 -- Grunt中文网
grunt libs、plugins&tools
PintJS – 轻量,并发的GruntJS运行器
- Pint
- PintJS – 轻量,并发的 GruntJS 运行器 - 梦想天空(山边小溪) - 博客园
- tjgq/grunt-throttle: A Grunt plugin for testing under a throttled connection.
grunt 资源、整理集&FAQ
Parcel
Parcel core
- parcel-bundler/parcel: 📦🚀 Blazing fast, zero configuration web application bundler
- Parcel
- parcel-bundler/awesome-parcel: 🔗 A curated list of awesome Parcel resources, libraries, tools and boilerplates
- parcel-bundler/examples: 🛠 Parcel examples using various frameworks
- parcel-bundler/website: 🌎 Parcel website
- Parcel
- Parcel 中文网
- www.parcejs.cn
- 🚀 入门 - Parcel 中文文档
- 📦 Parcel - 中文文档
Parcel libs、plugins&tools
- linbudu599/Parcel-Tsx-Template: A Simple Template using Parcel and Tsx. 🧱
- ant-design/parcel-antd: Use antd with parcel
parcel-plugin-linaria
- callstack/parcel-plugin-linaria: Parcel plugin for Linaria (Experimental)
Parcel 资源、整理集&FAQ
- 关于 Parcel 你所需知道的一切:超快的Web应用打包器-WEB前端开发
- myTNT2 - Manage your shipments with ease | TNT Singapore
- Switching to Parcel from Webpack
- Everything You Need To Know About Parcel: The Blazing Fast Web App Bundler 🚀
- 零配置打包工具 Parcel 实践 - 山水子农 - CSDN博客
- Parcel Vs Webpack - 吴浩麟的技术博客 - SegmentFault 思否
- 继webpack后又一打包神器Parcel - PC.aaron - 博客园
- Parcel学习 - 阿里云
Rollup
Rollup core
- rollup/rollup: Next-generation ES module bundler
- tunnckoCore/rollup-plugin-prepack: Rollup plugin for Facebook Prepack - https://prepack.io
- rollup.js
- rollup.js
- rollup.js
- rollup.js
- rollup.js 中文文档 | rollup.js 中文网
- Rollup.js 中文文档 | Rollup.js 中文网
- is.gd
Rollup libs、plugins&tools
#A-G
rollup-plugin-babel
- rollup/rollup-plugin-babel: This package has moved and is now available at @rollup/plugin-babel / https://github.com/rollup/plugins
rollup-plugin-commonjs
- rollup/rollup-plugin-commonjs: This module has moved and is now available at @rollup/plugin-commonjs / https://github.com/rollup/plugins
rollup-plugin-eslint
- TrySound/rollup-plugin-eslint: This plugin in migrated https://github.com/rollup/plugins/tree/master/packages/eslint
rollup-starter-app
- rollup/rollup-starter-app: Bare-bones example of how to create an application using Rollup
#H-N
rollup-starter-lib
- rollup/rollup-starter-lib: Bare-bones example of how to create a library using Rollup
rollup-plugin-node-resolve
- rollup/rollup-plugin-node-resolve: This module has moved and is now available at @rollup/plugin-node-resolve / https://github.com/rollup/plugins
#O-T
rollup-plugin-replace
- rollup/rollup-plugin-replace: This module has moved and is now available at @rollup/plugin-replace / https://github.com/rollup/plugins
#U-Z
rollup-plugin-uglify
- TrySound/rollup-plugin-uglify: Rollup plugin to minify generated bundle
rollup-plugin-vue
- vuejs/rollup-plugin-vue: Roll .vue files
- Introduction | Rollup Plugin Vue
Rollup 资源、整理集&FAQ
- 10分钟快速入门rollup.js - 掘金
- 前端组件/库打包利器rollup使用与配置实战 - 掘金
- 连rollup都不会,还写什么插件库!
- 使用rollup打包JS的方法步骤 - 码农教程
Snowpack
Snowpack core
- snowpackjs/snowpack: WASM-powered frontend build tool. Fast, lightweight, unbundled ESM. ✌️
- Snowpack - The faster frontend build tool
Snowpack libs、plugins&tools
Snowpack 资源、整理集&FAQ
- 《模块化系列》snowpack,提高10倍打包速度。
Vite
Vite core
- vite
- vitejs/vite: Next generation frontend tooling. It's fast!
- vuejs/vitepress: Vite & Vue powered static site generator
- vitejs/docs-cn: Chinese translation of vitejs.dev
- Home | Vite
- Home | Vite
Vite libs、plugins&tools
- antfu/vitesse: 🏕 Opinionated Vite Starter Template
- anncwb/vite-plugin-mock: A mock plugin for vite.use mockjs.
Vite 资源、整理集&FAQ
- vitejs/awesome-vite: ⚡️ A curated list of awesome things related to Vite.js
- Vite 原理分析
- 从零到一,带你彻底搞懂 vite 中的 HMR 原理(源码分析)
- 面向未来的前端构建工具-vite
- vite —— 一种尤雨溪开发的新的、更快地 web 开发工具
Webpack
Webpack core
Guides
Code Splitting
- Code Splitting | webpack
- 代码分离 | webpack 中文网
require.context
- dependency management
- Dependency Management | webpack
- 管理依赖
- 管理依赖 · webpack 中文文档(2.2)
- 组件注册 — Vue.js
- require.context - 掘金
- Vue自动化注册(懒人专属)
- vue之require.context - Cassie's blog - CSDN博客
- 深入理解webpack的require.context - 裂变科研中心 - SegmentFault 思否
- vuex前端工程化之动态导入文件--require.context( ) - 雨中愚 - 博客园
Shimming
- Shimming | webpack
- shim 预置依赖
- shim 预置依赖
tree-shaking
- wuomzfx/tree-shaking-test: how to do tree-shaking best
- Tree Shaking | webpack
- Guides | webpack
- Development | webpack
API
tapable
- webpack/tapable: Just a little module for plugins.
- Webpack 核心模块 tapable 解析(转) - 简书
- Plugin API | webpack
- Introduction | webpack
- module methods
- 模块方法
- Command Line Interface | webpack
- Compiler Hooks | webpack
Plugins
- Plugins | webpack
- normal module replacement plugin
Concepts
- Concepts | webpack
- 概念
- Hot Module Replacement | webpack
Configuration
#Webpack config
Webpack config tool
webpack-autoconf
- jakoblind/webpack-autoconf: A tool to create webpack configs
- jakoblind (Jakob Lind)
- Create App - your tool for starting a new webpack or Parcel project
- Webpack config tool
- yacan8/webpack-config-tool: webapck配置简化工具
- zhaoshengjun/webpack-config: CLI tool to generate webpack.config.js
- Webpack Config Tool | 火星小站
一个合格的Webpack4配置工程师素养
- 一个合格的Webpack4配置工程师素养:第一部分 - 掘金
- 一个合格的Webpack4配置工程师素养:第二部分 - 掘金
- 一个合格的Webpack4配置工程师素养:第三部分 - 掘金
多页面
- BYChoo/webpack-multi-page: webpack多页面打包项目
- webpack 打包多页面 - 掘金
- webpack/examples at master · webpack/webpack
- nanaSun/webCase
- 配置文件 | Webpack 中文指南
- Webpack 4 配置最佳实践 - 掘金
- webpack4配置详解之慢嚼细咽 - 掘金
- Webpack下多环境配置的思路 - 掘金
- 用于前端开发的webpack4配置[带注释] - 掘金
- 从零开始搭建一个 Webpack 开发环境配置(附 Demo) - 掘金
- 使用 Webpack 进行生产环境配置(附 Demo) - 掘金
- 【手把手带你配 webpack】第一步, 做一个高级前端工程师 - 掘金
- 【手把手带你配 webpack】第二步, 面试官-谈谈你对模块化的理解 - 掘金
- webpack常用优化配置 - 掘金
- webpack4.0 CheatSheet - 掘金
- 从零开始配置webpack(基于webpack 4 和 baebel 7版本) - 掘金
- webpack手动配置笔记 - 掘金
- 在2019使用差异化服务 - 掘金
- webpack 最佳配置指北 - 掘金
- 「一劳永逸」由浅入深配置webpack4
- webpack4实用配置指南-上手篇 - fengmin_w的博客 - CSDN博客
- 一份比较详细的 webpack 4.x 手工配置基础开发环境 附源码 - 个人文章 - SegmentFault 思否
- 面试官:请手写一个webpack4.0配置 - 个人文章 - SegmentFault 思否
Configuration Types
- Configuration Types | webpack
Entry and Context
- Entry and Context | webpack
- 入口和上下文(entry and context) | webpack 中文网
Mode
- Mode | webpack
Output
libraryTarget
- 详解webpack的out.libraryTarget属性_JavaScript_Frank-L的博客-CSDN博客
- Output | webpack
- 输出(output) | webpack 中文网
publicPath
- 【前端大概一分钟】__webpack_public_path__动态配置路径 - 掘金
- javascript - 所以 Webpack 动态设置 __webpack_public_path__ 到底怎么用? - SegmentFault 思否
- Public Path(公共路径) · webpack 中文文档(2.2)
- webpack 配置 publicPath的理解 - SamWeb - 博客园
- Webpack 动态设置 __webpack_public_path__ 到底怎么用 - V2EX
- webpack output.publicPath 如何动态配置地址 - 骑驴的舒克的回答 - SegmentFault 思否
- webpack output.publicPath 如何动态配置地址 - meepo的回答 - SegmentFault 思否
- configuring webpack public path at runtime · Issue #443 · webpack/webpack
- `__webpack_public_path__` does not work if entrypoint uses ES6-style imports · Issue #2776 · webpack/webpack
- Output | webpack
Module
- Module | webpack
- loaders | webpack 中文网
- 编写一个 loader | webpack 中文网
- 装载 | Loaders - Webpack 中文开发手册 - 开发者手册 - 云+社区 - 腾讯云
- webpack loader—自己写一个按需加载插件 - 掘金
- 编写自己的Webpack Loader - 相学长怼前端 - SegmentFault 思否
- webpack源码之loader机制 - on the way - SegmentFault 思否
- webpack loader 执行顺序 - 简书
- Webpack Loader种类以及执行顺序 - 韩帅 - 博客园
Resolve
resolve.alias
- webpack 使用别名(resolve.alias)解决scss @import相对路径导致的问题 - weixin_33805992的博客 - CSDN博客
- Resolve | webpack
Optimization
- Optimization | webpack
Plugins
- Plugins | webpack
- Plugins | webpack 中文网
- 编写一个插件 | webpack 中文网
- compiler 钩子 | webpack 中文网
- compilation 钩子 | webpack 中文网
- Webpack: Does the order of plugins matter? - Stack Overflow
- webpack loader和plugin编写 - 掘金
- 干货!撸一个webpack插件(内含tapable详解+webpack流程) - 掘金
- webpack plugin执行顺序问题 - SegmentFault 思否
- [转] webpack之plugin内部运行机制 - {前端开发} - 博客园
- Webpack - 插件 | Plugins - 开发者手册 - 云+社区 - 腾讯云
- lentoo blog
DevServer
- DevServer | webpack
- 开发中 server(devServer)
Devtool
Webpack SourceMap
- Source maps are failing to parse using devtool: source-map · Issue #8506 · webpack/webpack
- Webpack4 学习笔记 - 05:SourceMap 的配置_weixin_33924312的博客-CSDN博客
- webpack SourceMap 配置_purple_lumpy的博客-CSDN博客
- webpack sourcemap 精简说明 - 个人文章 - SegmentFault 思否
- webpack sourcemap 选项多种模式的一些解释 - 目田 - SegmentFault 思否
- 打破砂锅问到底:详解Webpack中的sourcemap - SegmentFault 思否
- webpack之SourceMap - 简书
- 【WEBPACK】 sourceMap 使用说明 - 简书
- 浅谈webpack devtool里的7种SourceMap模式_javascript技巧_脚本之家
- Webpack中的sourcemap - axl234 - 博客园
- webpack学习笔记(三) source map - wsmrzx的博客 - 博客园
- webpack SourceMap配置(9)_慕课手记
- Devtool | webpack
Target
- Target | webpack
Watch and WatchOptions
- Watch and WatchOptions | webpack
Externals
- Externals | webpack
Performance
- Performance | webpack
Node
- Node | webpack
Stats
- Stats | webpack
Experiments
- Experiments | webpack
Other Options
- Other Options | webpack
- Configuration | webpack
Migrate
- Migrate | webpack
Loaders
- fe-blog/webpack-loader at master · 6fedcom/fe-blog
- Loaders
- webpack的几个常见loader源码浅析,以及动手实现一个md2html-loader
- 手把手教你写webpack loader
Contribute
- Contribute | webpack
Webpack v5
Federated Modules
- Merge Proposal: Module federation and code sharing between bundles. Many builds act as one · Issue #10352 · webpack/webpack
- Paciolan/remote-component: Dynamically load a React Component from a URL
- jacob-ebey/federated-libraries-get-started: Completed example code that accompanies https://federated-libraries.now.sh/get-started
- Module Federation
- Introducing Federated Modules in Webpack 5 – Bram.us
- medium.com
- dev.to
- (20) Marais 在 Twitter: "Wrote an article on Module Federation, a project I have been apart of for the last little while! https://t.co/aDiLreWDit" / Twitter
- Webpack 5 Module Federation: JavaScript 架构的变革者 | RichLab
- Federated Libraries
- 三大应用场景调研,Webpack 新功能 Module Federation 深入解析
- 【第1912期】探索 webpack5 新特性Module federation在腾讯文档的应用
- webpack/changelog-v5: Temporary repo for the changelog for webpack 5
- webpack 5 alpha feedback · Issue #8537 · webpack/webpack
- Webpack 5 发布 (2020-10-10) | webpack
- webpack/webpack: A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders," modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffee
- webpack/webpack.js.org: Repository for webpack documentation and more!
- docschina/webpack.js.org: [印记中文](https://docschina.org/) - webpack 中文文档
- WICG/webpackage: Web packaging format
- zhaoda/webpack-handbook: Webpack中文指南
- - Gitter
- webpack/webpack - Gitter
- webpack
- webpack
- webpack 中文文档(@印记中文) https://docschina.org/
- webpack 中文文档(@印记中文) https://docschina.org/
- webpack 中文文档 | webpack 中文网
- webpack 中文文档
- webpack module bundler
- Introduction · Webpack 中文指南
- 深入浅出 Webpack · 深入浅出 Webpack
- Webpack 入门教程 | 菜鸟教程
- 介绍 | Webpack 中文指南
- 基本配置项 · webpack指南
Webpack libs、loaders、plugins&tools
Webpack loaders
#A-G
async-catch-loader
- yeyan1996/async-catch-loader: a webpack loader that can automatically injects try/catch into async function
- 嘿,不要给 async 函数写那么多 try/catch 了
awesome-typescript-loader
- s-panferov/awesome-typescript-loader: Awesome TypeScript loader for webpack
babel-loader
- Loader学习,简析babel-loader - 掘金
- babel/babel-loader: 📦 Webpack plugin for Babel
bs-loader
- rrdelaney/bs-loader: Bucklescript loader for Webpack and Jest
css-raw-loader
- catdad/css-raw-loader: CSS Raw loader module for Webpack
css-loader
typings-for-css-modules-loader
- Jimdo/typings-for-css-modules-loader: Drop-in replacement for css-loader to generate typings for your CSS-Modules on the fly in webpack
- webpack-contrib/css-loader: CSS Loader
cache-loader
- webpack-contrib/cache-loader: Caches the result of following loaders on disk
django-webpack-loader
- owais/django-webpack-loader: Transparently use webpack with django
es3ify-loader
- sorrycc/es3ify-loader: ES3ify loader for webpack.
eslint-loader
- webpack-contrib/eslint-loader: eslint loader (for webpack)
extract-loader
- peerigon/extract-loader: webpack loader to extract HTML and CSS from the bundle
exports-loader
- exports-loader
fast-sass-loader
- yibn2008/fast-sass-loader: High performance sass loader for webpack
grow-loader
- line/grow-loader: A webpack loader to split class methods by decorators
#H-N
html-loader
- html-loader | webpack 中文网
inject-loader
- plasticine/inject-loader: 💉📦 A Webpack loader for injecting code into modules via their dependencies.
imports-loader
- webpack-contrib/imports-loader: Imports Loader
- imports-loader
less-loader
- webpack-contrib/less-loader: Compiles Less to CSS
- Webpack 之 less-loader 详解 - 个人文章 - SegmentFault 思否
null-loader
- webpack-contrib/null-loader: [DEPRECATED] A loader that returns an empty module (can still be used for webpack 4).
#O-T
prerender-loader
- GoogleChromeLabs/prerender-loader: 📰 Painless universal pre-rendering for Webpack.
- prerender-loader - npm
pug-loader
- pugjs/pug-loader: Pug loader module for Webpack
raw-loader
- webpack-contrib/raw-loader: A loader for webpack that allows importing files as a String
resolve-url-loader
- bholloway/resolve-url-loader: Webpack loader that resolves relative paths in url() statements based on the original source file
sass-loader
- sass-loader - npm
- sass-loader | webpack 中文网
- webpack-contrib/sass-loader: Compiles Sass to CSS
- sass-loader使用data引入公用文件或全局变量报错 - 极·简 - 博客园
sass-resouces-loader
- shakacode/sass-resources-loader: SASS resources (e.g. variables, mixins etc.) loader for Webpack. Also works with less, post-css, etc.
- sass-resources-loader - npm
- webpack4导入全局sass文件_浅夏晴空的博客-CSDN博客
- 关于vue项目中全局引入一个 .scss文件的问题解决_高高的博客-CSDN博客
- (2条消息)使用webpack引入sass全局变量_JavaScript_Winne_Shen的专栏-CSDN博客
- 在vue项目中全局引入scss文件 - 简书
- javascript - vue中怎么全局引入sass文件 - SegmentFault 思否
- webpack中配置sass-resources-loader定义全局sass文件实现各组件@mixin@function共享 | Zhang dajia的博客
style-resources-loader
- yenshih/style-resources-loader: CSS processor resources loader for webpack
svg-sprite-loader
- JetBrains/svg-sprite-loader: Webpack loader for creating SVG sprites.
- Vue Cli 3.0 svg-sprite-loader 配置整理 - 掘金
- vue 使用svg图片 svg-sprite-loader - 掘金
svgo-loader
- 使用 svg-sprite-loader、svgo-loader 优化项目中的 Icon
source-map-loader
- source-map-loader | webpack 中文网
script-loader
- webpack-contrib/script-loader: [deprecated] Script Loader
ts-loader
- TypeStrong/ts-loader: TypeScript loader for webpack
- I CAN MAKE THIS WORK...: ts-loader Project References: First Blood
thread-loader
- webpack-contrib/thread-loader: Runs the following loaders in a worker pool
- thread loader
#U-Z
url-loader
- webpack-contrib/url-loader: A loader for webpack which transforms files into base64 URIs
vue-template-loader
- ktsn/vue-template-loader: Vue.js 2.0 template loader for webpack
webpack-component-loader
- nicholaslee119/webpack-component-loader: 📦 A webpack loader to componentify CSS/JS/HTML without framework
yml-loader
- nkt/yml-loader: YAML loader for webpack
yaml-loader
- eemeli/yaml-loader: YAML loader for webpack (converts YAML to JSON)
Webpack plugins
#A-G
add-asset-html-webpack-plugin
- SimenB/add-asset-html-webpack-plugin: Add a JavaScript or CSS asset to the HTML generated by html-webpack-plugin
antd-dayjs-webpack-plugin
- ant-design/antd-dayjs-webpack-plugin: ⏰ Day.js webpack plugin for antd
assets-webpack-plugin
- assets-webpack-plugin - npm
- ztoben/assets-webpack-plugin: Webpack plugin that emits a json file with assets paths
autodll-webpack-plugin
- asfktz/autodll-webpack-plugin: Webpack's DllPlugin without the boilerplate
babel-minify-webpack-plugin
- BabelMinifyWebpackPlugin
critters
- GoogleChromeLabs/critters: 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.
common-chunk-plugin
- liangklfangl/commonsChunkPlugin_Config: Webpack的common-chunk-plugin源码分析,来自于[我的github文章全集](https://github.com/liangklfangl/react-article-bucket)
chunk-manifest-webpack-plugin
- chunk-manifest-webpack-plugin - npm
- soundcloud/chunk-manifest-webpack-plugin: Allows exporting a manifest that maps entry chunk names to their output files, instead of keeping the mapping inside the webpack bootstrap.
clean-webpack-plugin
- clean-webpack-plugin - npm
- johnagan/clean-webpack-plugin: A webpack plugin to remove your build folder(s) before building
copy-webpack-plugin
- webpack-contrib/copy-webpack-plugin: Copy files and directories with webpack
case-sensitive-paths-webpack-plugin
- Urthen/case-sensitive-paths-webpack-plugin: Enforces case sensitive paths in Webpack requires.
compression-webpack-plugin
- webpack-contrib/compression-webpack-plugin: Prepare compressed versions of assets to serve them with Content-Encoding
webpack-deep-scope-analysis-plugin
- vincentdchan/webpack-deep-scope-analysis-plugin: A webpack plugin for deep scope analysis
extract-text-webpack-plugin
- ExtractTextWebpackPlugin | webpack 中文网
- webpack-contrib/extract-text-webpack-plugin: [DEPRECATED] Please use https://github.com/webpack-contrib/mini-css-extract-plugin Extracts text from a bundle into a separate file
execa-webpack-plugin
- execa-webpack-plugin - npm
- sindresorhus/execa: A better `child_process`
- execa - npm
- npm-prefix - npm
- libnpx - npm
- npm-bin-ava-tester - npm
- @zkochan/libnpx - npm
- is-installed-globally - npm
- which-exclude-npm - npm
- npm-run-path-compat - npm
- npm-sh - npm
fork-ts-checker-webpack-plugin
- Realytics/fork-ts-checker-webpack-plugin: Webpack plugin that runs typescript type checker on a separate process.
filemanager-webpack-plugin
- gregnb/filemanager-webpack-plugin: Copy, move, archive (zip/tar/tar.gz), delete files and directories before and after Webpack builds. Win32/Mac/*Nix supported
- webpack将资源打成zip包 - XinZhongYi的博客 - CSDN博客
friendly-errors-webpack-plugin
- geowarin/friendly-errors-webpack-plugin: Recognizes certain classes of webpack errors and cleans, aggregates and prioritizes them to provide a better Developer Experience.
fork-ts-checker-webpack-plugin
- TypeStrong/fork-ts-checker-webpack-plugin: Webpack plugin that runs typescript type checker on a separate process.
webpack-plugin-fr-theme
- JSupot/webpack-plugin-fr-theme: form-render theme
webpack.BannerPlugin
- BannerPlugin | webpack
webpack.DllPlugin与webpack.DllReferencePlugin
- chenchunyong/webpack-dllPlugin: webpack dllPlugin demo
- Webpack DllPlugin 让构建速度柔顺丝滑 - 掘金
- webpackのDLLバンドルを使ってビルドを速くする - Qiita
webpack.DefinePlugin
- DefinePlugin · webpack 中文文档(2.2)
- 实用webpack插件之DefinePlugin_JavaScript_weixin_33872660的博客-CSDN博客
- vue-cli3 配合 webpak DefinePlugin 构建期间自动检测环境变化,根据NODE_ENV引入配置文件_JavaScript_又是再见?-CSDN博客
#H-N
html-webpack-inline-chunk-plugin
- html-webpack-inline-chunk-plugin - npm
- rohitlodha/html-webpack-inline-chunk-plugin: A webpack plugin that inlines chunk in html-webpack-plugin.
hard-source-webpack-plugin
- mzgoddard/hard-source-webpack-plugin
- hard-source-webpack-plugin - npm
happypack
- amireh/happypack: Happiness in the form of faster webpack build times.
- 使用 happypack 提升 Webpack 项目构建速度 - 掘金
html-webpack-plugin
- jantimon/html-webpack-plugin: Simplifies creation of HTML files to serve your webpack bundles
- html-webpack-plugin - npm
- jaketrent/html-webpack-template: a better default template for html-webpack-plugin
- jantimon/html-webpack-plugin: Simplifies creation of HTML files to serve your webpack bundles
- 如何让webpack HtmlWebpackPlugin插件生成html插入js 的时候 按chunks 顺序插入? - quietwait的回答 - SegmentFault 思否
inline-manifest-webpack-plugin
- inline-manifest-webpack-plugin - npm
- szrenwei/inline-manifest-webpack-plugin: inline your webpack manifest (runtime code) with a script tag to save http request
lodash-webpack-plugin
- webpack最小化lodash - 前端周分享 - SegmentFault 思否
- Package - lodash-webpack-plugin
- Webpack按需打包Lodash的几种方式 - sxjing11的博客 - CSDN博客
- lodash-webpack-plugin - npm
- Webpack实现按需打包Lodash的几种方法详解_javascript技巧_脚本之家
- webpack lodash按需加载设置之后还是那么大 - SegmentFault 思否
- babel-plugin-lodash - npm
- Webpack按需打包Lodash的几种方式 | Yusen's Blog | 学习弯道超车的技巧!
- lodash/lodash-webpack-plugin: Smaller modular Lodash builds.
mini-css-extract-plugin
- webpack-contrib/mini-css-extract-plugin: Lightweight CSS extraction plugin
- mini-css-extract-plugin - npm
- extract-text-webpack-plugin - npm
- CSS 提取 | Vue Loader
- 学习webpack4.X(二,处理CSS) - weixin_41351184的博客 - CSDN博客
webpack.IgnorePlugin
- IgnorePlugin | webpack
#O-T
offline-plugin
- NekR/offline-plugin: Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
- 使用 offline-plugin 搭配 webpack 轻松实现 PWA - 掘金
optimize-css-assets-webpack-plugin
- NMFR/optimize-css-assets-webpack-plugin: A Webpack plugin to optimize \ minimize CSS assets.
page-skeleton-webpack-plugin
- wookaoer/page-skeleton-core: 基于url生成骨架屏结构核心代码
- 基于page-skeleton-webpack-plugin分析自动生成骨架屏原理 - 掘金
- 骨架屏(page-skeleton-webpack-plugin)初探
prepack-webpack-plugin
- gajus/prepack-webpack-plugin: A webpack plugin for prepack.
preload-webpack-plugin
- GoogleChromeLabs/preload-webpack-plugin: A webpack plugin for injecting <link rel='preload|prefetch'> into HtmlWebpackPlugin pages, with async chunk support
progress-bar-webpack-plugin
- clessg/progress-bar-webpack-plugin: A progress bar plugin for Webpack.
resource-hints-webpack-plugin
- jantimon/resource-hints-webpack-plugin: Adds automatically resource hints to your html-files
sw-precache-webpack-plugin
- goldhand/sw-precache-webpack-plugin: Webpack plugin that generates a service worker using sw-precache that will cache webpack's bundles' emitted assets. You can optionally pass sw-precache configuration options to webpack through this plugin.
size-plugin
- GoogleChromeLabs/size-plugin: Track compressed Webpack asset sizes over time.
- size-plugin - npm
stats-webpack-plugin
- unindented/stats-webpack-plugin: Write the stats of a build to a file.
- stats-webpack-plugin - npm
script-ext-html-webpack-plugin
- numical/script-ext-html-webpack-plugin: Enhances html-webpack-plugin functionality with different deployment options for your scripts including 'async', 'preload', 'prefetch', 'defer', 'module', custom attributes, and inlining.
terser-webpack-plugin
- terser/terser: 🗜 JavaScript parser, mangler and compressor toolkit for ES6+
- webpack-contrib/terser-webpack-plugin: Terser Plugin
- ohanhi/hyperscript-helpers: Terse syntax for hyperscript.
- TerserWebpackPlugin | webpack
TemplatedPathPlugin
- webpack/TemplatedPathPlugin.js at master · webpack/webpack
- Janlay884181317/output-build-info-webpack-plugin: 输出webpack打包环境信息(例如打包时间,分支,Git相关信息等)
optimization.splitChunks
- SplitChunksPlugin | webpack
- 在淘宝优化了一个大型项目,分享一些干货(Webpack,SplitChunk代码实例,图文结合)
webpack.ProvidePlugin
- ProvidePlugin
- ProvidePlugin | webpack
- ProvidePlugin | webpack 中文网
#U-Z
@vue/preload-webpack-plugin
- vuejs/preload-webpack-plugin: A Webpack plugin for wiring up `<link rel='preload'>` (and prefetch) - supports async chunks
uglifyjs-webpack-plugin
- webpack-contrib/uglifyjs-webpack-plugin: [deprecated] UglifyJS Plugin
- uglifyjs-webpack-plugin - npm
- UglifyjsWebpackPlugin | webpack
webpack-assets-manifest
- webpack-assets-manifest - npm
- webdeveric/webpack-assets-manifest: This Webpack plugin will generate a JSON file that matches the original filename with the hashed version.
webpack-asset-pipeline
- webpack-rails-manifest-plugin - npm
- infinum/webpack-asset-pipeline: 🚀 A missing link for the asset pipeline alternative with Webpack.
- webpack-asset-pipeline - npm
- Squeezing Webpack into backend frameworks | Infinum
webpack-bundle-analyzer
- webpack-contrib/webpack-bundle-analyzer: Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
- webpack-bundle-analyzer - npm
webpack-bundle-size-analyzer
- robertknight/webpack-bundle-size-analyzer: A tool for finding out what contributes to the size of Webpack bundles
webpackmonitor
- webpackmonitor/webpackmonitor: A tool for monitoring webpack optimization metrics through the development process
- Webpack Monitor
webpack-manifest-plugin
- danethurber/webpack-manifest-plugin: webpack plugin for generating asset manifests
- webpack-manifest-plugin - npm
webpack-polyfills-plugin
- beda-software/webpack-polyfills-plugin: Fork from Sl1v3r/webpack-polyfills-plugin
webpack-polyfill-injector
- SebastianS90/webpack-polyfill-injector: Webpack plugin to automatically inject polyfills into your bundle without affecting modern browsers.
worker-plugin
- GoogleChromeLabs/worker-plugin: 🐳 Adds native Web Worker bundling support to Webpack.
- worker-plugin - npm
webpack-plugin-vueComponentsIndex
- zfang1995/webpack-plugin-vueComponentsIndex: auto complete paths of vue components
webpack-retry-load-plugin
- hxfdarling/webpack-retry-load-plugin: atuo load retry resource from other domain
webpack-stats-plugin
- FormidableLabs/webpack-stats-plugin: Webpack stats plugin for build information, file manifests, etc.
- webpack-stats-plugin - npm
webpack.SourceMapDevToolPlugin
- SourceMapDevToolPlugin (Plugins) - Webpack 中文开发手册 - 开发者手册 - 云+社区 - 腾讯云
webpack-zip-plugin
- yyhappynice/webpack-zip-plugin: Zip your dist after webpack builds
webpack-theme-color-replacer
- hzsrc/webpack-theme-color-replacer: A runtime dynamic theme color replacement plugin for webpack.
- webpack-theme-color-replacer - npm
- hzsrc/vue-element-ui-scaffold-webpack4: vue下基于webpack4构建的多页面、多环境方案脚手架项目(使用了element-ui,可替换为其他)
- hzsrc/join-file-content-plugin: Prepend or append file to a target file while webpack starting
write-file-webpack-plugin
- gajus/write-file-webpack-plugin: Forces webpack-dev-server to write bundle files to the file system.
zip-webpack-plugin
- erikdesjardins/zip-webpack-plugin: Webpack plugin to zip up emitted files.
- zip-webpack-plugin - npm
Webpack tools
anymatch
- micromatch/anymatch: Matches strings against configurable strings, globs, regular expressions, and/or functions
enhanced-resolve
- webpack/enhanced-resolve: Offers an async require.resolve function. It's highly configurable.
loader-runner
- webpack/loader-runner: Runs (webpack) loaders
loader-utils
- webpack/loader-utils: utils for webpack loaders
webpack-merge
- survivejs/webpack-merge: Merge designed for Webpack (MIT)
- webpack-merge - npm
webpack-chain
- neutrinojs/webpack-chain: A chaining API to generate and simplify the modification of Webpack configurations.
- neutrinojs/webpack-chain at v4
- Yatoo2018/webpack-chain: A chaining API to generate and simplify the modification of Webpack configurations.
- Package - webpack-chain
- webpack-chain项目中文翻译 - 个人文章 - SegmentFault 思否
webpack-dev-server
- webpack/webpack-dev-server: Serves a webpack app. Updates the browser on changes. Documentation https://webpack.js.org/configuration/dev-server/.
- webpack-dev-server - npm
- 开发
- 解决webpack-dev-server代理常切换问题 - 掘金
- webpack-dev-server 运行原理
webpack-dev-middleware
- webpack/webpack-dev-middleware: A development middleware for webpack
- webpack-dev-middleware - npm
- webpack-dev-middleware 源码解读 - 掘金
webpack-bundle-tracker
- owais/webpack-bundle-tracker: Spits out some stats about webpack compilation process to a file
webpack-sources
- webpack/webpack-sources: Source code handling classes for webpack
webpack-external-import
- ScriptedAlchemy/webpack-external-import: Dynamically import modules from other webpack bundles. Painless code sharing between separate apps
webpack-hot-middleware
- webpack-contrib/webpack-hot-middleware: Webpack hot reloading you can attach to your own server
- 了不起的 Webpack HMR 学习指南(含源码分析)
webpack-validator
- js-dxtools/webpack-validator: Validates your webpack config with Joi
webpack-blocks
- andywer/webpack-blocks: 📦 Configure webpack using functional feature blocks.
webpack-virtual-modules
- sysgears/webpack-virtual-modules: Webpack Virtual Modules is a webpack plugin that lets you create, modify, and delete in-memory files in a way that webpack treats them as if they were physically presented in the file system.
webpack-ops
- CatSnake11/webpack-ops: 📁 webpack bundle visualization // optimization // config tool
webpackbar
- nuxt-contrib/webpackbar: Elegant ProgressBar and Profiler for Webpack 3 , 4 and 5
- webpack/lib at master · webpack/webpack
- masx200/webpack-react-vue-spa-awesome-config: 极速、零配置的 web 应用打包工具, 同时支持 react 和 vue 的单页面应用,提供开箱即用支持 Fast, zero-configuration web application packaging tool that supports both single-page applications for react and vue, out-of-the-box support, 基于 webpack4.x,同时支持 react 和 vue 的单页面应用 通用的 webpack 配置文件,提供开箱即用支持 ,您无需学习和配置许多构建工具。即时重新加载可帮助您专注于开发。在部署时,您的捆绑包会自动优化,愿世上再无webpack配置师
Webpack projects
compare-webpack-target-bundles
- TheLarkInn/compare-webpack-target-bundles: Example of all the webpack targets!!! Webpack Playground!
neutrino
- neutrinojs/neutrino: Create and build modern JavaScript projects with zero initial configuration.
- Introduction · Neutrino
Webpack+jQuery
- yifoo/webpack-demo: Webpack +jQuery 单页面Demo
- atool-build/getWebpackCommonConfig.js at master · ant-tool/atool-build
- dongyuanxin/webpack-demos: 📦 Demos && Courses for Webpack 4
- zpfz/webpack4-dev-cli: A lightweight Dev-cli for your frontend project was based on webpack.
- 搭建webpack简易脚手架 - 掘金
- 基于webpack4.x项目实战 - 掘金
- 基于webpack4.x项目实战2 - 配置一次,多个项目运行 - 掘金
- 从 0 到 1 实现一款简易版 Webpack - 掘金
- 从i18n国际化来学习如何创建Webpack插件 - 前端 - 掘金
- 使用模块化工具打包自己开发的JS库(webpack/rollup)对比总结 - 掘金
- 实现一个简单的Webpack - 掘金
- 一个简单易用的webpack4多页面脚手架配置加学习 - 掘金
- webpack.config.js 配置举例 | Ant-Tool 简介
Webpack 资源、整理集&FAQ
Webpack 资源
打包分析
- upload
- Webpack Chart
- 五种可视化方案分析 webpack 打包性能瓶颈
- webpack-contrib/awesome-webpack: A curated list of awesome Webpack resources, libraries and tools
- webpack-china/awesome-webpack-cn: [印记中文](https://docschina.org/) - webpack 优秀中文文章
- kraaas/webpack-tutorial-collection: webpack 教程资源收集
- liangklfangl/webpack-core-usage: webpack2完整系列课程,欢迎阅读。同时欢迎移步我的react全家桶文章全集: https://github.com/liangklfangl/react-article-bucket
- lihongxun945/diving-into-webpack: webpack 源码解析系列
- webpack & HTTP/2 – webpack – Medium
- Separating a Manifest
- 淘系前端团队
Webpack Guidebook
- tsejx/webpack-guidebook: 📚 Webpack 知识图谱:模块化、基础概念、工作原理、实战应用
- Webpack Guidebook - 📚 Webpack 知识图谱:模块化、基础概念、工作原理、实战应用
Webpack 整理集
《24 个实例入门并掌握「Webpack4」》
- 24 个实例入门并掌握「Webpack4」(一) - 掘金
- 24 个实例入门并掌握「Webpack4」(二) - 掘金
- 24 个实例入门并掌握「Webpack4」(三) - 掘金
《webpack源码》
- webpack源码之初始化参数_玉案轩窗的博客-CSDN博客
- webpack源码之webpack函数_玉案轩窗的博客-CSDN博客
- webpack源码之run方法(创建模块对象逻辑)_玉案轩窗的博客-CSDN博客
- webpack源码之模块编译+输出最终文件_玉案轩窗的博客-CSDN博客
《webpack学习》
- webpack学习(一) -- 基础概念及安装执行 - 掘金
- webpack学习(二) -- 配置文件及五大核心概念 - 掘金
- webpack学习(三) -- js tree shaking - 掘金
- webpack学习(四) -- css tree shaking - 掘金
《webpack4系列教程》
webpack4系列教程
- webpack4系列教程(一):初识webpack - 前端开发 - SegmentFault 思否
- webpack4系列教程(二):创建项目,打包第一个JS文件 - 前端开发 - SegmentFault 思否
- webpack4系列教程(三):自动生成项目中的HTML文件 - 前端开发 - SegmentFault 思否
- webpack4系列教程(四):处理项目中的资源文件(一) - 前端开发 - SegmentFault 思否
- webpack4系列教程(五):处理项目中的资源文件(二) - 前端开发 - SegmentFault 思否
- webpack4系列教程(六):使用SplitChunksPlugin分割代码 - 前端开发 - SegmentFault 思否
- webpack4系列教程(七):使用 babel-loader - 前端开发 - SegmentFault 思否
- webpack4系列教程(八):使用Eslint审查代码 - 前端开发 - SegmentFault 思否
- webpack4系列教程(九):开发环境和生产环境 - 前端开发 - SegmentFault 思否
- webpack4系列教程(十):总结 - 前端开发 - SegmentFault 思否
- webpack4系列教程: 前言 | 董沅鑫的个人网站
- webpack4系列教程(一): 打包JS | 董沅鑫的个人网站
- webpack4系列教程(二): 编译ES6 | 董沅鑫的个人网站
- webpack4 系列教程(三): 多页面解决方案--提取公共代码 | 董沅鑫的个人网站
- webpack4 系列教程(四): 单页面解决方案--代码分割和懒加载 | 董沅鑫的个人网站
- webpack4 系列教程(五): 处理CSS | 董沅鑫的个人网站
- webpack4 系列教程(六): 处理SCSS | 董沅鑫的个人网站
- webpack4 系列教程(七): SCSS提取和懒加载 | 董沅鑫的个人网站
- webpack4 系列教程(八): JS Tree Shaking | 董沅鑫的个人网站
- webpack4 系列教程(九): CSS Tree Shaking | 董沅鑫的个人网站
- webpack4 系列教程(十): 图片处理汇总 | 董沅鑫的个人网站
- webpack4 系列教程(十一):字体文件处理 | 董沅鑫的个人网站
- webpack4 系列教程(十二):处理第三方JavaScript库 | 董沅鑫的个人网站
- webpack4 系列教程(十三):自动生成HTML文件 | 董沅鑫的个人网站
- webpack4 系列教程(十四):Clean Plugin and Watch Mode | 董沅鑫的个人网站
- webpack4 系列教程(十五):开发模式与webpack-dev-server | 董沅鑫的个人网站
- webpack4 系列教程(十六):开发模式和生产模式·实战 | 董沅鑫的个人网站
《webpack系列》
- webpack系列之一总览 - 掘金
- webpack系列之二Tapable - 掘金
- webpack系列之三resolve - 掘金
- webpack系列之四loader详解1 - 掘金
- webpack系列之四loader详解2 - 掘金
- webpack系列之四loader详解3 - 掘金
- Webpack系列-第一篇基础杂记 - 掘金
- webpack-插件机制杂记 - 掘金
- Webpack系列-第三篇流程杂记 - 掘金
《Webpack 进阶之源码分析》
- Webpack 进阶之源码分析(一) - 掘金
- Webpack 进阶之源码分析(二) - 掘金
- Webpack 进阶之源码分析(三) - 掘金
《webpack前端构建工具学习总结》
- webpack前端构建工具学习总结(一)之webpack安装、创建项目 - 一米阳光eyh - 博客园
- webpack前端构建工具学习总结(二)之loader的使用 - 一米阳光eyh - 博客园
- webpack前端构建工具学习总结(三)之webpack.config.js配置文件 - 一米阳光eyh - 博客园
- webpack前端构建工具学习总结(四)之自动化生成项目中的html页面 - 一米阳光eyh - 博客园
《配置属于自己的打包系统教程》
- yhtx1997/webpack4-Instance: webpack4 配置实例
- [ webpack4 ] 配置属于自己的打包系统教程(一)—— 基础配置篇 - 掘金
- [ webpack4 ] 配置属于自己的打包系统教程(二)—— 资源配置篇 - 掘金
- [ webpack4 ] 配置属于自己的打包系统教程(最终篇)—— 环境配置篇 - 掘金
《大声对webpack4.0说声你好》
- 大声对webpack4.0说声你好之webpack的基本使用(一) - 掘金
- 大声对webpack4.0说声你好之loader基础篇资源打包讲解(二) - 掘金
- 大声对webpack4.0说声你好之参见plugin与常用配置详解(三) - 掘金
- 大声对webpack4.0说声你好之webpack的高级应用(四)
- fe-blog/webpack at master · 6fedcom/fe-blog
- 通过这6个很棒的Webpack插件提高您的生产力 - 掘金
- 从今天开始,学习Webpack,减少对脚手架的依赖(上) - 掘金
- 从今天开始,学习Webpack,减少对脚手架的依赖(下) - 掘金
- Webpack 实战入门系列(二):插件使用及热更新打包 - 掘金
- Webpack 实战入门系列(三):生产配置、样式文件分离及输出清理 - 掘金
- 掘金站内 webpack 优秀文章汇总 - 掘金
- 总结18个webpack插件,总会有你想要的!
- 初学者应该看的 Webpack 完整指南(2020)
- Webpack配置全解析(基础篇) - 掘金
- Webpack配置全解析(基础篇) - 掘金
- 📚免费的渐进式教程:Webpack4的16篇讲解和16份代码 - 掘金
- 企业级 Webpack 分享总结(内附完整ppt)
- Webpack 是怎样运行的?(一) - 知乎
- Webpack 是怎样运行的?(二) - 知乎
- Webpack学习-工作原理(上)
- Webpack学习-工作原理(下)
Webpack FAQ
代码动态加载、异步加载&分包策略
- 脑阔疼的webpack按需加载 - 掘金
- webpack4 import函数异步加载组件 - 掘金
- Webpack 打包含动态加载的类库 - 前端 - 掘金
- 由浅至深了解webpack异步加载背后的原理 - 掘金
- 🚩四年前端带你理解路由懒加载的原理
- webpack2异步加载套路 - JSer - SegmentFault 思否
- webpack分包及异步加载套路 - JSer - SegmentFault 思否
- 借助 Webpack 静态分析能力实现代码动态加载 - Chenng 的主页
- 基于webpack实现react组件的按需加载 - 冯淼森的博客
- Webpack 打包含动态加载的类库 | Scarletsky
- webpack的异步加载原理及分包策略 - SegmentFault 思否
打包原理
- Webpack 模块打包原理
- Webpack 模块打包机制浅析 - 掘金
- webpack打包原理 ? 看完这篇你就懂了 ! - 掘金
- Webpack 将代码打包成什么样子? - 前端 - 掘金
- 深入webpack打包原理,loader和plugin的实现 - 掘金
- Webpack5 上手测评 - 掘金
- webpack4.0打包总结 - 大灰狼的小绵羊哥哥的博客 - CSDN博客
- webpack打包(版本:4.5.0) - youyou_LIN的博客 - CSDN博客
插件原理
- Webpack 常见插件原理分析 - 简书
- 揭秘webpack插件工作流程和原理
优化
- 你可能不知道的9条Webpack优化策略
性能
- webpack.github.io
- webpack性能榨汁机 - 掘金
- webpack打包性能优化之路 - 掘金
- 记一次 Webpack 项目优化 - 掘金
- 浅谈webpack4.0 性能优化 - 掘金
- webpack性能优化(上) - 掘金
- webpack性能优化(下) - 掘金
- 如何利用webpack来提升前端开发效率(一)? - 掘金
- 如何利用webpack来提升前端开发效率(二)? - 掘金
- 重构之路:webpack打包体积优化(超详细) - 掘金
- 曲线救国:webpack打包优化黑科技 - 掘金
- 你不知道的 Webpack 性能优化配置 - 掘金
- Webpack 打包优化之体积篇 | 晚晴幽草轩
- Webpack 打包优化之速度篇 | 晚晴幽草轩
- (5条消息)如何十倍提高你的webpack构建效率 - 思诚^_^ - CSDN博客
- Predictable long term caching with Webpack – webpack – Medium
- www.slideshare.net
- 总结几个webpack打包优化的方法
- 浅谈 webpack 性能优化(内附巨详细 webpack 学习笔记) - 掘金
- 【webpack 性能优化】编译速度从 50S 到 7S
- liangklfangl/webpack-compiler-and-compilation: 该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
- liangklfangl/webpack-common-sense: 该文章来源于我的github文章全集,欢迎star,https://github.com/liangklfangl/react-article-bucket
- Webpack 之常见见招拆招 - 掘金
- webpack3 项目升级 webpack4 - 掘金
- webpack4.x 入门一篇足矣 - 掘金
- 【译】十五分钟,学习 Webpack - 掘金
- 新手快速上手webpack4打包工具的使用 - 掘金
- webpack运行Babel教程 - 掘金
- webpack4.29.6搭建常用功能的环境 - 掘金
- 【手把手带你配 webpack】第一步, 做一个高级前端工程师 - 掘金
- 2020年了,再不会webpack敲得代码就不香了(近万字实战) - 掘金
- Webpack 设置环境变量的误区 - 掘金
- 一小时的时间,上手 Webpack - 掘金
- [webpack]🎉解决chrome无法访问https - 掘金
- 探索webpack4与webpack5多项目公共代码复用架构 - 掘金
- 辛辛苦苦学会的 webpack dll 配置,可能已经过时了
- Webpack5 上手测评
- Webpack 原理浅析
- Webpack漫谈
- webpack devtool篇
- 从基础到实战 手把手带你掌握新版Webpack4.0 - 掘金
- 手写webpack核心原理,再也不怕面试官问我webpack原理
- webpack4 Cannot find module '@babel/core' - CSDN博客
- webpack打包,es6语法报错,解决方案(包括es6扩展运算符报错) - CSDN博客
- 入坑 webpack4.0+ 文件打包_by_一把健 - qq_39446719的博客 - CSDN博客
- webpack中output之path和publicPath详解 - 祥哥的说 - CSDN博客
- [译] Webpack 前端构建集成方案 - web前端学习 - SegmentFault 思否
- javascript - webPack打包多个项目如何让生成的静态资源到每个项目的当前的目录而不是公共静态资源目录?, - SegmentFault 思否
- webpack 的文章 - SegmentFault 思否
- webpack 教科书式入门教程 - 夹生饭 - SegmentFault 思否
- GitChat · 前端 | webpack 从入门到工程实践 - 个人文章 - SegmentFault 思否
- Webpack笔记 - 简书
- Webpack——解决疑惑,让你明白 - 简书
- Webpack4.x 入门上手实战(2018.08) - 简书
- webpack2.0 基本使用 - SamWeb - 博客园
- 2019最新Webpack4.0教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
- 10天搞定webpack4.0_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
- webpack详解(一)_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
- 从零开始构建一个webpack项目
- Webpack5 构建一个大型应用系列 (附 vscode 跟 prettier 配置)
- 详解webpack中四个基础概念-js教程-PHP中文网
- Webpack 2 入门教程 | llp的程序猿之路
- M.M.F 小屋
- Webpack 核心知识有哪些?
- Ant-Tool 简介 | Ant-Tool 简介
- 脚手架市场
- 详解前端脚手架开发排坑全指南【前端提效必须上干货】
- 精读《如何编译前端项目与组件》 - 掘金
- 打包工具的配置教程见的多了,但它们的运行原理你知道吗? - 掘金
- 窥探原理:手写一个 JavaScript 打包器 - 掘金
- 实现一个简易的模块打包器
- 构建工具 - 掘金精选 - SegmentFault 思否
- 前端构建工具整理 - 前端路漫漫 - SegmentFault 思否
- 如何选择JavaScript构建工具之Babel、Browserify、Webpack、Grunt以及Gulp - 思过崖
¥压缩&解压缩
JSZip
- Stuk/jszip: Create, read and edit .zip files with Javascript
- JS前端用jszip生成zip压缩包下载 - xudejun的博客 - CSDN博客
- Node.js使用jszip实现打包zip压缩包 - 蟹行者 - 博客园
lz-string
- pieroxy/lz-string: LZ-based compression algorithm for JavaScript
- 纯js实现页面上的图片内容打包zip下载 - qq_29101365的博客 - CSDN博客
- 利用r.js压缩整个项目的JavaScript文件 - Snandy - ITeye博客
¥代码生成
js_tricks
- QiShaoXuan/js_tricks: 一些常用的 JS 方法 - some JS methods always by used
- 关于 About | js tricks
plop
- plopjs/plop: Consistency Made Simple
¥静态代码分析插件
ESLint
#ESLint core
#User guide
- Getting Started with ESLint - ESLint - Pluggable JavaScript linter
- Configuring ESLint - ESLint - Pluggable JavaScript linter
- Getting Started with ESLint - ESLint中文
- Configuring ESLint - ESLint中文
- Command Line Interface - ESLint中文
- Documentation - ESLint中文
- Integrations - ESLint中文
- List of available rules - ESLint中文文档
#Developer guide
- Architecture - ESLint - Pluggable JavaScript linter
- Contributing - ESLint - Pluggable JavaScript linter
- Source Code - ESLint - Pluggable JavaScript linter
- Development Environment - ESLint - Pluggable JavaScript linter
- Unit Tests - ESLint - Pluggable JavaScript linter
- Working with Rules - ESLint - Pluggable JavaScript linter
- Working with Plugins - ESLint - Pluggable JavaScript linter
- Working with Custom Formatters - ESLint - Pluggable JavaScript linter
- Working with Custom Parsers - ESLint - Pluggable JavaScript linter
- Shareable Configs - ESLint - Pluggable JavaScript linter
- Node.js API - ESLint - Pluggable JavaScript linter
- Architecture - ESLint中文
- Source Code - ESLint中文
- Development Environment - ESLint中文
- Contributing - ESLint中文
- Unit Tests - ESLint中文
- Working with Rules - ESLint中文
- Working with Custom Formatters - ESLint中文
- Working with Custom Parsers - ESLint中文
- Working with Plugins - ESLint中文
- Shareable Configs - ESLint中文
- Node.js API - ESLint中文
- ESLint - Pluggable JavaScript linter
- ESLint - Pluggable JavaScript linter - ESLint中文
- List of available rules - ESLint - Pluggable JavaScript linter
- List of available rules - ESLint中文
- List of available rules - ESLint中文
- List of available rules - ESLint中文
- Maintainer Guide - ESLint - Pluggable JavaScript linter
- Maintainer Guide - ESLint中文
- ESLint Blog - ESLint中文
- ESLint 推荐的rules总结 - 掘金
- ESLint 工作原理探讨 - 前端 - 掘金
- Eslint 规则说明 - CSDN博客
- 详解 ESLint 规则,规范你的代码 - 三省吾身丶丶的前端笔记 - SegmentFault 思否
- 详解 ESLint 规则,规范你的代码_IT资讯_UDN技术社区
- ESLint 规则详解(一)
- ESLint 规则详解(二) - 知乎
- ESLint - 插件化的 JavaScript 代码检测工具 - ESLint中文文档
#ESLint config
#A-G
- BooheeFE/eslint-config-booheefe: ESLint config for Boohee FE team.
eslint-config-alloy
- AlloyTeam/eslint-config-alloy: Progressive ESLint config for your React/Vue/TypeScript projects
#H-N
#O-T
eslint-config-prettier
- prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier.
- @vue/eslint-config-prettier - npm
eslint-config-standard
- standard/eslint-config-standard: ESLint Config for JavaScript Standard Style
- JavaScript Standard Style
eslint-config-typescript
- @vue/eslint-config-typescript - npm
#U-Z
#ESLint plugin
#A-G
eslint-plugin-compat
- amilajack/eslint-plugin-compat: Lint the browser compatibility of your code
#H-N
eslint-plugin-html
- BenoitZugmeyer/eslint-plugin-html: An ESLint plugin to extract and lint scripts from HTML files.
eslint-plugin-import
- benmosher/eslint-plugin-import: ESLint plugin with rules that help validate proper imports.
- olalonde/eslint-import-resolver-babel-root-import: A babel-root-import resolver for eslint-plugin-import
eslint-plugin-jquery
- dgraham/eslint-plugin-jquery: Disallow jQuery functions with native equivalents.
eslint-plugin-node
- mysticatea/eslint-plugin-node: Additional ESLint's rules for Node.js
#O-T
@typescript-eslint/eslint-plugin
- @typescript-eslint/eslint-plugin - npm
eslint-plugin-prettier
- prettier/eslint-plugin-prettier: ESLint plugin for Prettier formatting
- eslint-plugin-prettier - npm
- 使用 ESLint + Prettier 简化代码 Review 过程 - 掘金
eslint-plugin-react-hooks
- [ESLint] Feedback for 'exhaustive-deps' lint rule · Issue #14920 · facebook/react
- eslint-plugin-react-hooks - npm
#U-Z
eslint-plugin-vue
- vuejs/eslint-plugin-vue: Official ESLint plugin for Vue.js
- eslint-plugin-vue - npm
- Available rules | eslint-plugin-vue
- Introduction | eslint-plugin-vue
#ESLint parser/parserOptions
@typescript-eslint/parser
- @typescript-eslint/parser - npm
eslint-friendly-formatter
- royriojas/eslint-friendly-formatter: A simple formatter/reporter for ESLint that's friendly with Sublime Text and iterm2 "click to open file" functionality
typescript-eslint
- typescript-eslint/typescript-eslint: Monorepo for all the tooling which enables ESLint to support TypeScript
- typescript-eslint/packages/eslint-plugin at v2.26.0 · typescript-eslint/typescript-eslint
- typescript-eslint/packages/typescript-estree at master · typescript-eslint/typescript-eslint
- typescript-eslint/packages/parser at master · typescript-eslint/typescript-eslint
- typescript-eslint/packages/eslint-plugin-tslint at master · typescript-eslint/typescript-eslint
- typescript-eslint/packages/eslint-plugin at master · typescript-eslint/typescript-eslint
- typescript-eslint/tslint-to-eslint-config: Converts your TSLint configuration to the closest possible ESLint equivalent.
- 使用 Eslint & standard 规范前端代码 - 掘金
- vue项目整合Eslint和stylelint规范代码 - 掘金
- vue项目中如何关闭或者自定义eslint规则 - 简书
- 搞懂 ESLint 和 Prettier - 知乎
- 从零构建前端 ESLint 工作流(2020手把手版) - 前端野路子 - SegmentFault 思否
- 【AST篇】手把手教你写Eslint插件
- allan2coder/eslint-plugin-syntax-ban: An eslint plugin for ban some JS syntax.
JSLint
- reid/node-jslint: The JavaScript Code Quality Tool — for Node.js.
- jslint - npm
- JSLint: The JavaScript Code Quality Tool
JSHint
- jshint/jshint: JSHint is a tool that helps to detect errors and potential problems in your JavaScript code
- jshint - npm
JSCS
- jscs-dev/node-jscs: JavaScript Code Style checker (unmaintained)
- jscs - npm
- JSCS
JavaScript Lint
- JavaScript Lint
jsonlint
- zaach/jsonlint: A JSON parser and validator with a CLI.
js-beautify
- beautify-web/js-beautify: Beautifier for javascript
- Online JavaScript beautifier
prettier
- Prettier
- prettier/prettier: Prettier is an opinionated code formatter.
- prettier/eslint-config-prettier: Turns off all rules that are unnecessary or might conflict with Prettier.
- prettier/prettier-vscode: Visual Studio Code extension for Prettier
- Prettier
- Options · Prettier
- Configuration File · Prettier
- Prettier · Opinionated Code Formatter
- WebStorm Setup · Prettier
- Editor Integration · Prettier
- Behind the Scenes: Improving the Repository Infrastructure – React Blog
- JsPrettier - Packages - Package Control
- Prettier - Code formatter - Visual Studio Marketplace
- eslint prettier的配置选项(参数)官网直译 - javascript拾贝 - SegmentFault 思否
- 如何配置Prettier - 个人文章 - SegmentFault 思否
- Prettier 学习笔记 - 简书
polacode
- octref/polacode: 📸 Polaroid for your code
- Polacode - Visual Studio Marketplace
standard
- standard/standard: 🌟 JavaScript Style Guide, with linter & automatic code fixer
- standard/RULES.md at master · standard/standard
- standard/README-zhtw.md at master · standard/standard
- standard/README-zhcn.md at master · standard/standard
TSLint
- palantir/tslint: An extensible linter for the TypeScript language
- tslint - npm
- Roadmap: TSLint -> ESLint · Issue #4534 · palantir/tslint
- React Native工程中TSLint静态检查工具的探索之路 - 掘金
textlint
- textlint/textlint: The pluggable natural language linter for text and markdown.
- textlint/packages/@textlint at master · textlint/textlint
- textlint/textlint-plugin-html: HTML support for textlint
- Collection of textlint rule · textlint/textlint Wiki
- Make linting great again! – Andrey Okonetchnikov – Medium
- 使用 Eslint + Prettier + husky + lint-staged 提高前端项目质量、统一项目代码风格 - 掘金
- JS Nice – JavaScript 代码美化和格式化工具 - 梦想天空(山边小溪) - 博客园
¥项目管理
#monorepo、multirepo
Bazel
- Bazel - a fast, scalable, multi-language and extensible build system" - Bazel
- Buck: A fast build tool
- Bazel - a fast, scalable, multi-language and extensible build system" - Bazel
lerna
- lerna/lerna: A tool for managing JavaScript projects with multiple packages.
- Lerna · A tool for managing JavaScript projects with multiple packages.
- Vue CLI 3结合 Lerna 进行UI框架设计
- Workspaces | Yarn
- Monorepos Made Simpler with Bit. How to leverage Bit + NPM to simplify… | by Jonathan Saring | Bits and Pieces
- What Is a Monorepo? | Perforce
- A Guide to Monorepos for Front-end Code | Toptal
- Why Lerna and Yarn Workspaces is a Perfect Match for Building Mono-Repos – A Close Look at Features and Performance – Sebastian Weber – Frontend developer who likes learning by teaching
- 精读《Monorepo 的优势》 - 简书
- Monorepo与multirepo区别何在?为什么大公司像谷歌.微软.优步.Neflix.Nike都在Monorepo? - 简书
- Monorepo——大型前端项目的代码管理方式 - Haohong 的前端专栏 - SegmentFault 思否
- 关于 monorepo 的一些尝试 - 知乎
- 2019年,抛弃 CMake,用 Bazel / Buck 来构建大型项目吧 - 知乎
- monorepo - 清水伊梦 - 博客园
- Monorepo可能没你想象中那么香……
- 2020 年,开启现代库的基建学习——从项目演进看前端工程化发展
- 浅谈monorepo
- monorepo 项目改造反思 | 雨落
$引擎、客户端、服务端、设备&环境
¥CPU&GPU
GPU.js
- gpujs/gpu.js: GPU Accelerated JavaScript
- GPU.js - GPU accelerated JavaScript
¥Device、Domain、IP、OS&环境
¥Device、IP、MAC、操作系统、主机名&机型与方向信息
#区分公网、内网IP
- 正则表达式验证ip是否是内网ip_运维_yang201610的博客-CSDN博客
- 【Java】判断IP是否内网(使用正则表达式)_Java_程序猿开发日志【学习永无止境】-CSDN博客
- python正则匹配内网IP_Python_思过留痕-CSDN博客
- js ip数字与字符转换_JavaScript_嘻嘻哈哈的专栏-CSDN博客
- 正则表达式 _ 内网IP 过滤_Java_迎难而上-CSDN博客
- 请教如何使用正则表达式匹配ip地址有效范围-CSDN论坛
- 求ip段正则表达式验证-CSDN论坛
- 判断一个IP地址是否为内网IP_Java_javalfans的专栏-CSDN博客
- 192.168.和10.0.开头的IP、内网IP段、IP简介、分类——(IP观止)_网络_透明大脑-CSDN博客
- 如何检查IP是否为内网IP_数据库_caiqiiqi-CSDN博客
- 分辨IP是公网IP还是内网IP的方法-oray贝锐科技花生壳官网
- 如何判断家里宽带ip是公网ip还是内网ip-百度经验
current-device
- current-device
- matthewhudson/current-device: The easiest way to write conditional CSS and/or JavaScript based on device operating system (iOS, Android, Blackberry, Windows, Firefox OS, MeeGo), orientation (Portrait vs. Landscape), and type (Tablet vs. Mobile).
device.js
- borismus/device.js: Semantic client-side device detection with Media Queries
- device.js
mobile-detect.js
- hgoebl/mobile-detect.js: Device detection (phone, tablet, desktop, mobile grade, os, versions)
- mobile-detect.js | Device detection (phone, tablet, desktop, mobile grade, os, versions)
- mobile-detect - npm
- os-detection · GitHub Topics
- device-detection · GitHub Topics
- JavaScript 判断 iPhone X Series 机型 - 掘金
- JS获取客户端IP地址、MAC和主机名的7个方法汇总_javascript技巧_脚本之家
¥环境
environment-variables
- dwyl/learn-environment-variables: 📝Learn how to use Environment Variables to keep your passwords and API keys secret. 🔐
- conditionizr/conditionizr: Conditional JavaScript, CSS, callbacks and classNames for environments.
- jeresig/env-js: A pure-JavaScript browser environment.
Nunchuck.js
- Nunchuck.js - 轻松实现多个设备的数据同步 - 梦想天空(山边小溪) - 博客园
os.js
- OS.js – 开源的 Web OS 系统,赶快来体验 - 梦想天空(山边小溪) - 博客园
- jpillora/xdomain: A pure JavaScript CORS alternative
¥浏览器
检测浏览器、UserAgent
browser
- mumuy/browser: Useragent analysis tool.浏览器分析判断工具 - 用户代理、操作系统信息
bowser
- lancedikson/bowser: a browser detector
Mobile-Detect
- serbanghita/Mobile-Detect: Mobile_Detect is a lightweight PHP class for detecting mobile devices (including tablets). It uses the User-Agent string combined with specific HTTP headers to detect the mobile environment.
ua-device
- fex-team/ua-device: userAgent解析库
- ua-device.js - ua-device.js
ua-parser-js
- faisalman/ua-parser-js: UAParser.js - JavaScript library to detect browser, engine, OS, CPU, and device type/model from userAgent string. Supports browser & node.js environment. Also available as jQuery/Zepto plugin, Bower/Meteor package, RequireJS/AMD mo
检测过时浏览器
- Outdated Browser
判断浏览器类型及版本
- JavaScript判断浏览器类型及版本(整理) - sunny的专栏 - CSDN博客
- 2016年最常见浏览器的 UA(User Agent/用户代理)目测很全面 - AE博客|墨渊
- JavaScript获取浏览器类型与版本 - 孤傲苍狼 - 博客园
- ray-lothian/UserAgent-Switcher: UserAgent Switcher is a browser extension to spoof & mimics User-Agent strings
- user-agent-parser · GitHub Topics
- browser-detection · GitHub Topics
- useragent · GitHub Topics
- Browser detection using the user agent - HTTP | MDN
- 用户代理检测与浏览器Ua详细分析 - 黄映焜 - 博客园
- User Agent - HTTP服务器识别OS操作系统 Web浏览器版本的用户代理
判断网页是闲置还是活动
ifvisible.js
- serkanyersen/ifvisible.js: [TypeScript port available in beta] Crossbrowser & lightweight way to check if user is looking at the page or interacting with it.
- Ifvisible.js by serkanyersen
快速响应页面滚动操作
headroom.js
- Hide your header on scroll - Headroom.js
- WickyNilliams/headroom.js: Give your pages some headroom. Hide your header until you need it
¥引擎
2D物理引擎
Verlet-js
- subprotocol/verlet-js: A simple Verlet physics engine written in javascript
- Matter.js – 你不能错过的 2D 物理引擎 - 梦想天空(山边小溪) - 博客园
asm.js
- asm.js
- asm-js/validator: A reference validator for asm.js.
JS游戏引擎
《游戏编程模式》
- munificent/game-programming-patterns: Source repo for the book
- tkchu/Game-Programming-Patterns-CN: 《游戏编程模式》中文版
- Game Programming Patterns
akihabara
- Akihabara
- kesiev/akihabara: A game engine for making classic arcade style games using Javascript and HTML5. We're starting moving on a re-organized repo here: https://github.com/akihabara
blockrain.js
- Aerolab/blockrain.js: HTML5 Tetris Game for jQuery
Aves
- Aves: an HTML & Javascript game engine - Wonderland
boardgame.io
- boardgameio/boardgame.io: State Management for Turn-Based Games
- boardgame.io - Open-Source Game Engine for Turn-Based Games
CreateJS
EaselJS
- CreateJS/EaselJS: The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.
- Create.js - Make anything editable
- CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
- CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
- CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
Crafty.js
- Crafty - JavaScript Game Engine, HTML5 Game Engine
- craftyjs/Crafty: JavaScript Game Engine
cocos2d-javascript
- ryanwilliams/cocos2d-javascript: An HTML5 / JavaScript port of the Cocos2D graphics engine
- Website is not available
clanfx
- The ClanFX Javascript Game Engine download | SourceForge.net
cssgameengine
- cssgameengine
copperlicht
- CopperLicht - JavaScript/WebGL 3D library
enchant.js
- enchant.js - A simple JavaScript framework for creating games and apps.
- wise9/enchant.js: A simple JavaScript framework for creating games and apps
engine
- playcanvas/engine: Fast and lightweight WebGL game engine
famous
- Famous/famous: This repo is being deprecated. Please check out http://github.com/famous/engine
gamequeryjs
- gameQuery - a javascript game engine with jQuery
- onaluf/gameQuery: a javascript game engine with jQuery
gogomakeplay
- About Me - GogoMakePlay.com
gamejs
- Home
- GameJs/gamejs: GameJs is a thin library on top of the HTML canvas element. In addition to the drawing functions it has a set of generally helpful modules for game development.
jsgamesoup
- jsgamesoup
J5g3
- j5g3 - HTML5 Game Development Tools
- j5g3/docma: Javascript documentation tool.
jawsjs
- Jaws » HTML5 Javascript game engine / development library
limejs
- LimeJS HTML5 Game Framework
- digitalfruit/limejs: HTML5 game framework for web and iOS
moleculejs
- Molecule JS | Tech and Internet Service Jargon That Sometimes Makes Sense – Tech and Internet Service Jargon
phaser
- Phaser - A fast, fun and free open source HTML5 game framework
- Tutorial: How to Make Flappy Bird in HTML5 With Phaser 1
quintus
- Quintus JavaScript HTML5 Game Engine
- cykod/Quintus: HTML5 Game Engine
Starling JS
- Starling JS - The Open Source Game Engine for JavaScript
stage.js
- shakiba/stage.js: 2D HTML5 rendering engine for game development
TheRenderEngine
- bfattori/TheRenderEngine: Currently rewriting in ES6 and removing a lot of old polyfills
- Therenderengine by bfattori
turbulenz_engine
- turbulenz/turbulenz_engine: Turbulenz is a modular 3D and 2D game framework for making HTML5 powered games for browsers, desktops and mobile devices.
voxel-engine
- maxogden/voxel-engine: 3D HTML5 voxel game engine
- lmf12/javascript-games: JavaScript 小游戏
- GooCreate - Your Technology Companion
- Unleashing the Power of 3D Internet | Blend4Web
- [ 逻辑锻炼] 用 JavaScript 做一个小游戏 ——2048 (详解版) - 掘金
- Popmotion – 小巧,灵活的 JavaScript 运动引擎 - 梦想天空(山边小溪) - 博客园
- 分享16款基于 HTML5 Canvas 开发的网页游戏 - 梦想天空(山边小溪) - 博客园
quickjs
- QuickJS Javascript Engine
快速可靠的实时引擎
- Socket.IO 1.0 正式发布,快速可靠的实时引擎 - 梦想天空(山边小溪) - 博客园
- HarryChen0506/malyan: JavaScript Canvas 2D engine library
- Popmotion – 小巧,灵活的 JavaScript 运动引擎 - 梦想天空(山边小溪) - 博客园
¥任务调度
drome
- dromejs/drome: JavaScript task runner
- Drome · Powerful and easy task runner
$动态资源&静态资源
¥Hash
HashMap
- flesler/hashmap: HashMap JavaScript class for Node.js and the browser. The keys can be anything and won't be stringified
jshashes
- h2non/jshashes: Fast and dependency-free cryptographic hashing library for node.js and browsers (supports MD5, SHA1, SHA256, SHA512, RIPEMD, HMAC)
object-hash
- puleos/object-hash: Generate hashes from javascript objects in node and the browser.
router-hash
- jgallen23/routie: a tiny javascript hash router
- millermedeiros/Hasher: Browser history manager for rich media websites
- 字符串哈希函数 - windflying - 博客园
¥Package Manager
apt-get
- 关于Linux中的apt-get的相关操作及原理 - 兔角与禅 - CSDN博客
- apt-get常用命令及工作原理 - mosquito_zm的博客 - CSDN博客
- apt 和 apt-get的区别 - liudsl的博客 - CSDN博客
- apt-get下载、安装的软件在哪里 - tonytp的专栏 - CSDN博客
- 【Linux】- apt-get命令 - wangwust - 博客园
- CentOS 下安装apt-get - qingchen1984 - 博客园
- [Linux] yum和apt-get用法及区别 - 我是小菜鸟 - 博客园
- apt与apt-get的区别 - 阿里云
bower
- bower/bower: A package manager for the web
- Bower — a package manager for the web
- API · Bower
- bower介绍 - zyx1303031629的博客 - CSDN博客
- bower的安装和使用 - ahaha413525642的博客 - CSDN博客
- 使用Bower进行前端依赖管理 - 像少年啦飞驰、 - 博客园
- Web 前端开发的包管理工具 bower 快速入门 - 志文工作室
brew
homebrew-cask
- Homebrew/homebrew-cask: 🍻 A CLI workflow for the administration of macOS applications distributed as binaries
- Homebrew/brew: 🍺 The missing package manager for macOS (or Linux)
- The missing package manager for macOS (or Linux) — The missing package manager for macOS (or Linux)
Chocolatey
- Chocolatey
- chocolatey/choco: Chocolatey - the package manager for Windows
- Chocolatey Software | Chocolatey - The package manager for Windows
- Chocolatey - The package manager for Windows
- Chocolatey Software | Packages
- Chocolatey Software Docs | Commands
- Installation
- Chocolatey Gallery | chocolatey
- 下载Chocolatey(windows) - 简书
- Installing Chocolatey - 沧海一滴 - 博客园
- (2 封私信 / 80 条消息) Chocolatey - 知乎
- Chocolatey软件包管理器 - PowerShell 中文博客
- Chocolatey 使用
- Chocolatey - 教程中心 - 阿里云
- 使用Chocolatey - 51CTO.COM
CPM
- cevio/cpm: A Lightweight NPM Private Active Management Service.We don't design a scheme to synchronize to local caching. We only focus on building private active CRUDs that are compatible with NPM public package downloads.
- CPM
- CPM - 轻量的NPM私有源程序搭建 - 掘金
component
- componentjs/component: frontend package manager and build tool for modular web applications
- componentjs/guide: A Guide to Component
duojs
- duo - npm
- DUO - Lifetime Technology and Gadget Master
- Duo——下一代前端包管理器 – FED实验室 - 专注WEB端开发和用户体验
- Duojs.com Analytics - Market Share Stats & Traffic Ranking
- Duo js 一个非常酷的前端打包工具 - 司徒正美 - 博客园
- duo-JavaScript中文网-JavaScript教程资源分享门户
jspm
- jspm/jspm-cli: Package management CLI
- jspm.io - Native ES Modules CDN
- jspm.org - Browser Package Manager
- jspm入门 - 汪喆_Jack的博客分享 - CSDN博客
- jspm的使用 - 前端课堂 - SegmentFault 思否
- React 和ES6 之JSPM的使用(第五部分) - 从零到壹全栈部落 - IT界逻辑思维 - SegmentFault 思否
- jspm & SystemJS 教程 - 简书
- 07、React系列之--使用jspm管理 - 简书
- jspm 安装试用 - 荣锋亮 - 博客园
- jspm - jhhu - 博客园
Nuget Package Manager
- NuGet Gallery | Home
- NuGet 包管理器用户界面参考 | Microsoft Docs
- NuGet Package Manager - Visual Studio Marketplace
- NuGet 包管理器控制台指南 | Microsoft Docs
- 安装 NuGet 客户端工具 | Microsoft Docs
- NuGet — 使用 NuGet 管理项目库
- VSCode中Nuget Package Manager扩展插件的使用 - liwan09的博客 - CSDN博客
- NuGet学习笔记(转) - tiasys - 博客园
- NuGet的安装和使用 - 天国里的牵挂 - 博客园
- Package Management for Private & Public Feeds & Repositories | MyGet
npmjs
npm core
#About npm
- About npm | npm Docs
#Getting started
- Getting started | npm Docs
- Getting started | npm Documentation
- How to Use npm as a Build Tool
#Packages and modules
- Packages and modules | npm Docs
- Packages and modules | npm Documentation
- 前端工程化 - 剖析npm的包管理机制(完整版)
#Integrations
- Integrations | npm Docs
- Integrations | npm Documentation
#Organizations
- Organizations | npm Docs
- Orgs | npm Documentation
#npm Enterprise
- npm Enterprise | npm Docs
- npm Enterprise | npm Documentation
#CLI documentation
#CLI Commands
npm cache
- npm-cache | npm Documentation
npm config
- https://registry.npmjs.org
- npm-config | npm Documentation
- npm-config | npm Documentation
- npmrc | npm Documentation
npm install
- npm-install | npm Documentation
- npm install 原理分析
- npm install 多个数据源的 包。 - VinceGod - 博客园
npm link
- module: add --preserve-symlinks command line flag by jasnell · Pull Request #6537 · nodejs/node
- npm-link | npm Documentation
- npm link - 简书
- npm link 和 peerDependencies 的问题 - 简书
- npm link的使用 - 简书
- npm link,你不知道的npm模块调试技巧 - JamesView的个人空间 - OSCHINA
- npm link中文文档 - 潇湘待雨 - 博客园
- npm link用法总结 - 看风景就 - 博客园
npm pack
- npm-pack | npm Documentation
- pack | npm 中文文档
- npm-pack-zip - npm
npm publish
- npm-publish | npm Documentation
- npm publish Failed PUT 402 - Stack Overflow
- publish npm包到npmjs遇到的错误 - Postbird - 招猫逗狗的开发者
npm scripts
concurrently
- kimmobrunfeldt/concurrently: Run commands concurrently. Like `npm run watch-js & npm run watch-less` but better.
- RyanZim/awesome-npm-scripts: Everything awesome related to npm scripts and using npm as a build tool.
- scripts | npm 中文文档
- npm-scripts | npm Documentation
- npm-run-script | npm Documentation
- run-script | npm 中文文档
- npm-test | npm Documentation
- npm-start | npm Documentation
- npm-restart | npm Documentation
- npm-stop | npm Documentation
- npm script 小书(常用知识总结...) - 掘金
- npm script 为什么选择她 - 掘金
- npm script 一见钟情 - 掘金
- npm script 多命令的运行 - 掘金
- npm script 参数的使用 - 掘金
- npm script 钩子的使用 - 掘金
- npm script 环境变量的使用 - 掘金
- npm script 跨端兼容的实现 - 掘金
- npm script 命令补全的实现 - 掘金
- npm script 的文件监听和自动刷新 - 掘金
- npm script 复杂场景的应用 - 掘金
- npm script 应用在 git hooks 中 - 掘金
- npm script 的实践 - 掘金
- npm scripts 使用指南 - 阮一峰的网络日志
- npm scripts 使用指南(阮一峰)_运维_weiqing的博客-CSDN博客
- Nodejs-npm run (npm run-script)命令的传参数_JavaScript_风吹草动的博客-CSDN博客
- npm script 参数的使用_weixin_33938733的博客-CSDN博客
- 执行当前目录下的npm包而不是全局的npm包_JavaScript_凡事预则立,不预则废-CSDN博客
- 向 npm 脚本传入参数 - 的回答 - SegmentFault 思否
- javascript - 向 npm 脚本传入参数 - SegmentFault 思否
- 实例详解带参数的 npm script_javascript技巧_脚本之家
- npm scripts 常用规范总结 - htoooth - 博客园
- npm Scripts使用教程【译】 - 梦1106 - 博客园
- 向NPM脚本发送命令行参数_慕课猿问
- npm scripts : 每个前端开发都应知道的一些使用提示-WEB前端开发
- npm scripts 使用指南
- npm scripts 里的命令间怎么传参呢 - V2EX
- NPM Script的14条技巧
npm unpublish
- npm-unpublish | npm Documentation
npm version
- version | npm 中文文档
- npm-semver | npm Documentation
- npm version常用命令及用法示例_网络_奋斗的小绿萝-CSDN博客
- npm version使用方法 major | minor | patch | premajor | preminor | prepatch | prerelease - 简书
- CLI Commands | npm Docs
- npm-dist-tag | npm Docs
#Configuring npm
package.json
browserslist
- browserslist/browserslist: 🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env
- browserslist/browserslist: 🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env
- Browserslist
- browserslist - npm
- Browserslist (@Browserslist) | Twitter
peerDependencies & devDependencies & dependencies
- 探讨npm依赖管理之peerDependencies - wonyun - 博客园
- Peer Dependencies | Node.js
- node.js - Why use peer dependencies in npm for plugins? - Stack Overflow
package-lock.json
- package-lock.json | npm Docs
- package-lock.json | npm Docs
- npm-package-lock.json | npm Documentation
- package-lock.json和yarn.lock是您最好的朋友 - 掘金
- 项目中使用package-lock.json锁版本问题 - weixin_33813128的博客
- conventional-changelog/get-pkg-repo: Get repository user and project information from package.json file contents.
- package.json | npm Docs
- package.json | npm Docs
- npm-package.json | npm Documentation
- npm-package.json | npm Documentation
- npm-package.json | npm Documentation
- npm-package.json | npm Documentation
- spdx - npm
- SPDX License List | Software Package Data Exchange (SPDX)
- BundlePhobia ❘ cost of adding a npm package
- "npm install --save" No Longer Using Tildes
- Here’s what you need to know about npm 5 - Pusher Blog
- 前端汇总系列:npm依赖(构建编译) - 掘金
- 前端汇总系列:npm依赖(框架平台) - 掘金
- 前端汇总系列:npm依赖(类库工具) - 掘金
- package.json的所有配置项及其用法,你都熟悉么 - 掘金
- npm 常用配置 - 掘金
- 对npm包精准控制之npm-shrinkwrap.json与package-lock.json - 掘金
- 2018 年了,你还是只会 npm install 吗? - 掘金
- nodejs 中的依赖管理 - 掘金
- 浅聊前端依赖管理及优化(上) - 掘金
- 了解脱字符 npm 中(^)的作用吗 - 掘金
- package.json详解 - 掘金
- 重新认识 package.json
- (译)package.json详解 - nullcc - 博客园
- Configuring npm | npm Docs
- install | npm Docs
- folders | npm Docs
- npmrc | npm Docs
- package-locks | npm Docs
- shrinkwrap.json | npm Docs
#Using npm
npm 代理
- verdaccio/verdaccio: 📦🔐A lightweight private npm proxy registry
- registry | npm Docs
- 设置npm的registry几种方法_qq_15980201的博客-CSDN博客
- npm设置和取消代理的方法_yanzi1225627的专栏-CSDN博客
- npm配置镜像、设置代理 - MockingBird 博客 - SegmentFault 思否
npm 私有
- scope | npm Docs
- npm-scope | npm Documentation
- scope | npm 中文文档
- 分分钟教会你搭建企业级的 npm 私有仓库
- npm发布私有包_移动开发_zyh0709的博客-CSDN博客
- 私有npm包下载_JavaScript_weixin_43884350的博客-CSDN博客
- 一篇文章解决npm私有包频繁开发调试 - 汤姆C - SegmentFault 思否
- npm 私有模块的3种方法 - 简书
- 私有npm包发布流程 - 简书
- 内网npm私服(verdaccio)搭建及依赖包的上传-慢慢爬的博客-51CTO博客
- NPM私有包部署到私有仓库 - 苍青浪 - 博客园
- npm 安装私有 git 包 - 无梦灬 - 博客园
- npm 私有模块的管理使用 - 简道 - 博客园
- 使用私有包 (私有包) - npm 中文开发手册 - 开发者手册 - 云+社区 - 腾讯云
- 私有npm包的实例详解-js教程-PHP中文网
- Using npm | npm Docs
- config | npm Docs
- semver | npm Docs
- scripts | npm Docs
- orgs | npm Docs
- disputes | npm Docs
- developers | npm Docs
- removal | npm Docs
Workspaces
- workspaces | npm Docs
- CLI documentation | npm Documentation
- CLI documentation | npm Docs
- npm/npm: a package manager for javascript
- npm
- npm 中文文档 | npm 中文网
- npm Documentation
- npm
- npm forum
- About npm | npm Documentation
- 入门 · NPM 中文文档 · 看云
- RunKit
- npm
- npm/cli: the package manager for JavaScript
npm libs、modules、plugins&tools
#A-G
cross-spawn
- moxystudio/node-cross-spawn: A cross platform solution to node's spawn and spawnSync
- IndigoUnited/node-cross-spawn-async: A cross platform solution to node's spawn
- zentrick/cross-spawn-promise: Promisified cross-spawn.
- mafintosh/npm-execspawn: Spawn locally installed npm dependencies with cross platform env and argument parsing support
- cross-spawn - npm
del
- sindresorhus/del: Delete files and directories
- del - npm
- dracupid/global-npm: Require global npm as a local node module.
#H-N
npm-size
- egoist/npm-size: Get the install size of an npm package.
node_modules
- node_modules
- node_modules 困境 - 知乎
npmcomponent
- npmcomponent (npm <3 component)
- airportyh/npmcomponent: Scripts to make Component modules available to NPM/Browserify users.
- component/dialog: Dialog component
npm-expansions
- npm/npm-expansions: Send us a pull request by editing expansions.txt
- npm-expansions - npm
#O-T
progress-estimator
- bvaughn/progress-estimator: Logs a progress bar and estimation for how long a Promise will take to complete
patch-package
- ds300/patch-package: Fix broken node modules instantly 🏃🏽♀️💨
#U-Z
#Any
kind-of
- jonschlinkert/kind-of: Get the native JavaScript type of a value, fast. Used by superstruct, micromatch and many others!
- kind-of - npm
typeof
- CodingFu/typeof: node module extending typeof functionality
- typeof - npm
type-of
- type-of - npm
#cli
emma-cli
- maticzav/emma-cli: 📦 Terminal assistant to find and install node packages.
ntl
- ruyadorno/ntl: Npm Task List: Interactive cli menu to list/run npm tasks
- ntl - npm
relix
- PengJiyuan/relix: 一个连版本号都准确帮你生成的全自动 NPM 包发布工具.
- relix - npm
#config
- @zkochan/npm-conf - npm
- @yoitsro/lerna-npm-conf - npm
- @lerna/npm-conf - npm
- npm-config - npm
- npm-config-arguments - npm
- local-npm-config - npm
- npm-package-json-lint-config-tc - npm
- npm-package-json-lint-config-default - npm
- npm-conf - npm
#commands
cnpm
- cnpm/cnpm: cnpm: npm client for China mirror of npm
- cnpmjs.org: Private npm registry and web for Company
- node安装cnpm代替npm - CSDN博客
- 安装cnpm - CSDN博客
- npm介绍与cnpm介绍 - Jancy1072的博客 - CSDN博客
- 修改npm镜像源让安装提速 - 清风阁 - CSDN博客
- 全局安装cnpm - kaleozhou - 博客园
- 安装npm及cnpm(Windows) - 悠鸣海 - 博客园
- NPM镜像-NPM下载地址-NPM安装教程-阿里巴巴开源镜像站
is-npm
- sindresorhus/is-npm-cli: Check if your code is running as an npm script
- is-npm - npm
npm-run
- timoxley/npm-run: Run locally-installed node module executables.
- npm-run - npm
npm-run-all
- mysticatea/npm-run-all: A CLI tool to run multiple npm-scripts in parallel or sequential.
- npm-run-all - npm
npx
- zkat/npx: execute npm package binaries
- npx - npm
- npx 使用教程 - 阮一峰的网络日志
- 【译】npx简介:一种npm包的执行器 - zhulin2609 - CSDN博客
- 非常好用的 npx!!! - webpack+vue+es6 - CSDN博客
- npx命令介绍 - lxz - SegmentFault 思否
- npx 是什么? - 简书
- npx & yarn - 简书
- npx - 简书
- npx:一个npm包执行器 - MF孟飞 - 博客园
- npx是什么 · 夭幻境地
nvm
- nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions
- coreybutler/nvm-windows: A node.js version management utility for Windows. Ironically written in Go.
- creationix/nvm: Node Version Manager - Simple bash script to manage multiple active node.js versions
- nullivex/nodist: Natural node.js and npm version manager for windows.
- Home | NVM
- Installing Multiple Versions of Node.js Using nvm - SitePoint
- nvm 的安装以及使用 - allanGold的博客 - CSDN博客
- Windows下安装及使用NVM - 安歌 - CSDN博客
- 使用nvm管理多版本Node - 简书
- 安装node版本管理工具之NVM - 简书
- nvm介绍及使用 - 简书
- nvm和nodejs安装使用 · nvm,nodejs和npm安装使用 · 看云
- 关于在window 中安装nvm - 还不会游泳的鱼 - 博客园
- node的版本控制之nvm的安装与使用 - 化身西湖云 - 博客园
- 正确的安装和使用nvm - cllgeek - 博客园
rimraf
- isaacs/rimraf: A `rm -rf` util for nodejs
scripts
- npm-scripts/scripts: Collection of useful npm-scripts!
- ericclemmons/per-env: Clean up your package.json with per-NODE_ENV npm scripts
- @lerna/npm-run-script - npm
- @lerna/run - npm
- @yoitsro/lerna-npm-run-script - npm
- @yoitsro/lerna-run - npm
- @redisrupt/better-npm-run - npm
- @delucis/if-env - npm
- npm-run-script - npm
- npm-run-script-chain - npm
- runscript - npm
- npm-quick-run - npm
- exec-npm - npm
- exec-npm-install - npm
- run-all-the-things - npm
- npm-install-package - npm
- if-env - npm
- NodeJS之npm脚本 - 简书
#environment variables
cross-env
- kentcdodds/cross-env: 🔀 Cross platform setting of environment scripts
- cross-env - npm
- @naholyr/cross-env - npm
- cross-env-default - npm
env-cmd
- toddbluhm/env-cmd: Setting of environment scripts via a file
- env-cmd - npm
#Function
keep-func-props
- ehmicky/keep-func-props: Wrap a function without changing its name, length and other properties
- keep-func-props - npm
mimic-fn
- sindresorhus/mimic-fn: Make a function mimic another one
- mimic-fn - npm
rename-fn
- sindresorhus/rename-fn: Rename a function
- rename-fn - npm
rename-function
- tunnckoCore/rename-function: Rename a given function. Tries to be cross-platform and guaranteed. Useful when you want to preserve name of bound function.
- rename-function - npm
- The names of functions in ES6
#git repository
- jaz303/git-clone: Clone a git repository
- strugee/node-git-clone-or-pull: Ensure a git repo exists on disk and that it's up-to-date
- feross/git-pull-or-clone: Ensure a git repo exists on disk and that it's up-to-date
- kindofone/github-manager: A globally installed npm package to manage, update and clone personal and organizational Github repositories.
- tunnckoCore/opensource: Delivering delightful digital solutions. Open Source packages with combined ~61M/month downloads, semantically versioned following @conventional-commits. Fully powered by Jest, @Babel TypeScript, @Airbnb @ESLint + @Prettier, @YarnP
- ngeor/clone-all: Automatically clone all your GitHub and Bitbucket Cloud repositories.
#Object
assign-deep
- assign-deep - npm
- jonschlinkert/assign-deep: Deeply assign the enumerable properties of source objects to a destination object.
copy-props
- copy-props - npm
- sttk/copy-props: Copy properties deeply between two objects
clone-deep
- jonschlinkert/clone-deep: Recursively (deep) clone JavaScript native types, like Object, Array, RegExp, Date as well as primitives. Used by superstruct, merge-deep, and many others!
- clone-deep - npm
copy-descriptor
- jonschlinkert/copy-descriptor: "description": "Copy a descriptor from object A to object B",
- copy-descriptor - npm
define-property
- define-property - npm
- jonschlinkert/define-property: Define a non-enumerable property on an object.
deepmerge
- deepmerge - npm
- TehShrike/deepmerge: A library for deep (recursive) merging of Javascript objects
defaults-deep
- defaults-deep - npm
- jonschlinkert/defaults-deep: Like `extend` but recursively copies only the missing properties/values to the target object.
extend-shallow
- extend-shallow - npm
- jonschlinkert/extend-shallow: Extend object A with the properties of object B. node.js/javascript util.
just-extend
- just-extend - npm
merge-deep
- merge-deep - npm
- jonschlinkert/merge-deep: Recursively merge values in a JavaScript object.
mixin-object
- mixin-object - npm
- jonschlinkert/mixin-object: Extend the properties from any number of objects onto the first object. Pass an empty object as the first arg to create a new object.
mixin-deep
- mixin-deep - npm
- jonschlinkert/mixin-deep: Deeply mix the properties of objects into the first object, while also mixing-in child objects.
omit-deep
- omit-deep - npm
- jonschlinkert/omit-deep: Recursively omit specified keys from an object.
object.defaults
- object.defaults - npm
- jonschlinkert/object.defaults: Like `extend` but only copies missing properties/values to the target object.
object-copy
- object-copy - npm
- jonschlinkert/object-copy: Copy static properties, prototype properties, and descriptors from one object to another
shallow-clone
- shallow-clone - npm
- jonschlinkert/shallow-clone: Make a shallow clone of an object, array or primitive.
#path
- npm-run-path - npm
- npm-which - npm
- npm-path - npm
- executing-npm-path - npm
#update&version
npm-check-updates
- tjunnone/npm-check-updates: Find newer versions of package dependencies than what your package.json or bower.json allows
standard-version
- standard-version - npm
update-notifier
- yeoman/update-notifier: Update notifications for your CLI app
- patch-version - npm
- run-versions - npm
- npm
- keywords:front-end - npm search
- keywords:backend - npm search
- keywords:cli - npm search
- keywords:documentation - npm search
- keywords:css - npm search
- keywords:testing - npm search
- keywords:iot - npm search
- keywords:coverage - npm search
- keywords:mobile - npm search
- keywords:framework - npm search
- keywords:robotics - npm search
- keywords:math - npm search
- keywords:Vue Composition api - npm search
- keywords:React Reactivity - npm search
- keywords:Vue Reactivity - npm search
- keywords:Reactivity - npm search
- Which of the 635000 npm modules do I choose? – Corey Cleary
npm 资源、整理集&FAQ
npm 资源
- apertureless/npm-stats: 📈 npm package statistics dashboard build with vue
- npm trends: Compare NPM package downloads
npm 整理集
- Node.js 进阶-你应该知道的 npm 知识都在这! | 掘金征文
- npm入门(一)—了解基本组成与概念 - 掘金
- npm入门(二)—package(包)的管理 - 掘金
npm FAQ
npm i和npm install的区别
- npm i和npm install的区别 - chern1992的博客 - CSDN博客
- npm i和npm install的区别_前端之路漫漫而远兮,吾将上下而求索-CSDN博客
- npm i 和 npm install 的区别 - 简书
- npm i和npm install的区别 - 程序员大本营
- “ npm install”和“ npm install”之间有什么区别?和“ npm ci”? - IT屋-程序员软件开发技术分享社区
- npm i 与 npm install之间的细小区别 - 紫诺花开 - 博客园
- npm i 和 npm install 的区别 - 八十易 - 博客园
- npm install 原理分析 - 云+社区 - 腾讯云
scripts
- 你真的了解npm-scripts吗? · Issue #43 · DDFE/DDFE-blog
- npm的使用 - 简书
发布npm
- 如何搭建npm包 - 掘金
- 详解从 0 发布 react 组件到 npm 上 - 掘金
- 发布一个npm包,用于监控页面中的所有API请求的状态和结果 - 掘金
- [译] 创建并发布一个小而美的 npm 包,没你想的那么难! - 掘金
- NPM包(模块)发布、更新、撤销发布 - 掘金
- 从零实现一套属于自己的UI框架-发布到npm - 掘金
- 使用 Webpack4.0 打包组件库并发布到 npm - 掘金
- 使用TypeScript + React发布组件到Npm
- webpack4 进阶篇2——npm插件从开发到发布 - 简书
- 从 0 开始发布一个 react 组件到 npm - 知乎
- 创建自己的library类库包并使用webpack4.x打包发布到npm - weiqinl - 博客园
版本升级
- 升级nodejs, npm到某一版本 - liangxw1的专栏 - CSDN博客
- nodejs基础: 如何升级Noejs版本 - sruru的专栏 - CSDN博客
- npm update常用命令使用 - 爱博子 - 博客园
删除node_modules
- 怎么删除node_modules文件夹? - CSDN博客
- 删除node_modules文件夹 - CSDN博客
- 清除node_modules 缓存 - CSDN博客
- 清除node_modules 缓存 - L- - CSDN博客
- 删除node_modules下的无限循环的子文件夹_NewTWG的专栏-CSDN博客
- Resolving EACCES permissions errors when installing packages globally | npm Documentation
- 如何修改 node_modules 里的文件(同事看了直呼内行)
- npm 依赖管理中被忽略的那些细节
- 如何正确使用淘宝npm镜像
- 更新package.json中的dependencies依赖到最新版本 - Ztw的博客 - CSDN博客
- 利用npm 安装删除模块 - yihanzhi的博客 - CSDN博客
- 关于npm run dev和build - 外籍杰克的回答 - SegmentFault 思否
- 阅读npm run dev命令后的配置项 - 简书
- 【npm】利用npm安装/删除/发布/更新/撤销发布包 - 彭湖湾 - 博客园
- 2018 年了,你还是只会 npm install 吗?
nrm
- Pana/nrm: NPM registry manager, fast switch between different registries: npm, cnpm, nj, taobao
- nrm - npm
- nrm安装与配置 - Anway12138的博客 - CSDN博客
- nrm- CSDN搜索
- nrm安装与配置 - 简书
- nrm安装与使用 - 寒爵 - 博客园
pnpm
- pnpm/pnpm: 📦🚀 Fast, disk space efficient package manager
- pnpm/benchmarks-of-javascript-package-managers: Benchmarks of JavaScript Package Managers
- pnpm · Fast, disk space efficient package manager
- pnpm · Fast, disk space efficient package manager
- pnpm CLI · pnpm
- pnpm's strictness helps to avoid silly bugs by @ZoltanKochan
- Why should we use pnpm? by @ZoltanKochan
- 关于现代包管理器的深度思考——为什么现在我更推荐 pnpm 而不是 npm/yarn?
RubyGems
Ruby
Ruby core
- ruby/ruby: The Ruby Programming Language [mirror]
- airbnb/ruby: Ruby Style Guide
- oneclick/rubyinstaller2: MSYS2 based RubyInstaller for Windows
- oneclick/rubyinstaller: RubyInstaller for Windows - Build recipes
- rvm/rvm: Ruby enVironment Manager (RVM)
- rbenv/ruby-build: Compile and install Ruby
- aws/aws-sdk-ruby: The official AWS SDK for Ruby.
- jasoncharnes/run.rb: Run Ruby in the browser using WebAssembly
- rubocop-hq/ruby-style-guide: A community-driven Ruby coding style guide
- Ruby Programming Language
- RubyInstaller for Windows
- Downloads
- The Ruby Style Guide
Ruby awesome
- markets/awesome-ruby: A collection of awesome Ruby libraries, tools, frameworks and software
- Awesome Ruby
Ruby framework&libs&plugins
- mruby/mruby: Lightweight Ruby
- rmosolgo/graphql-ruby: Ruby implementation of GraphQL
- alexreisner/geocoder: Complete Ruby geocoding solution.
- ryanb/ruby-warrior: Game written in Ruby for learning Ruby and artificial intelligence.
- rubocop-hq/rubocop: A Ruby static code analyzer and formatter, based on the community Ruby style guide.
- javan/whenever: Cron jobs in Ruby
- fog/fog: The Ruby cloud services library.
- aasm/aasm: AASM - State machines for Ruby classes (plain Ruby, ActiveRecord, Mongoid)
- opal/opal: Ruby ♥︎ JavaScript
- mongodb/mongoid: Ruby ODM framework for MongoDB
- fatfreecrm/fat_free_crm: Ruby on Rails CRM platform
- JuanitoFatas/fast-ruby: Writing Fast Ruby -- Collect Common Ruby idioms.
- ruby-concurrency/concurrent-ruby: Modern concurrency tools including agents, futures, promises, thread pools, supervisors, and more. Inspired by Erlang, Clojure, Scala, Go, Java, JavaScript, and classic concurrency patterns.
- elastic/elasticsearch-ruby: Ruby integrations for Elasticsearch
- mperham/sidekiq: Simple, efficient background processing for Ruby
- googleapis/google-api-ruby-client: REST client for Google APIs
- ruby-git/ruby-git: Ruby/Git is a Ruby library that can be used to create, read and manipulate Git repositories by wrapping system calls to the git binary.
- whitesmith/rubycritic: A Ruby code quality reporter
- rubyzip/rubyzip: Official Rubyzip repository
- ffi/ffi: Ruby FFI
- cucumber/cucumber-ruby: Cucumber for Ruby
- rack/rack: a modular Ruby webserver interface
Ruby 收藏&整理集
- HipByte/RubyMotionSamples: A collection of RubyMotion applications for code samples.
- dreikanter/ruby-bookmarks: Ruby and Ruby on Rails bookmarks collection
Bundler
- rubygems/bundler: Manage your Ruby application's gem dependencies
- bundler/bundler: Manage your Ruby application's gem dependencies
- Bundler: The best way to manage a Ruby application's gems
- Bundler - 简书
- rubygems/rubygems: Library packaging and distribution for Ruby.
- rubygems/rubygems.org: The Ruby community's gem hosting service.
- RubyGems.org | Ruby 社区 Gem 托管
- Download RubyGems | RubyGems.org | Ruby 社区 Gem 托管
- RubyGems 镜像 - Ruby China
- RubyGems 镜像域名更换为 https://gems.ruby-china.com
- Ruby RubyGems | 菜鸟教程
- gem 安装与使用_ruby,gem_3h3k的博客-CSDN博客
- 淘宝RubyGems 镜像 - FT的个人空间 - OSCHINA
- ruby gem的安装步骤 - xiaofenguo - 博客园
- 淘宝的ruby镜像已无人维护,使用ruby-china的RubyGems镜像 - levyleo - 博客园
Scoop
- Scoop
- 给 Scoop 加上这些软件仓库,让它变成强大的 Windows 软件管理器 - 少数派
- Windows下Scoop安装、配置与使用_luoyooi的博客-CSDN博客_scoop
- scoop-extras/bucket at master · lukesampson/scoop-extras
- kodybrown/scoop-nirsoft: A Scoop bucket of useful NirSoft utilities
- Calinou/scoop-games: Scoop bucket for open source/freeware games and game-related tools
- NirSoft - freeware utilities: password recovery, system utilities, desktop utilities
- rasa/scoop-directory: A directory of buckets for the scoop package manager for Windows
- tapannallan/awesome-scoop: A collection of awesome resources for the scoop package manager for windows
- Buckets · lukesampson/scoop Wiki
- App Manifests · lukesampson/scoop Wiki
- Home · lukesampson/scoop Wiki
- lukesampson/scoop: A command-line installer for Windows.
yum
- yum - Trac
- Yum! Brands – A World with More Yum!
- YUM工作原理及使用 - Galaxy的博客 - CSDN博客
- yum 命令讲解 - Alan Zhuang的博客 - CSDN博客
- yum的使用与配置 - ZhiChao& - 博客园
- CentOS下yum命令详解 - Vathe - 博客园
- linux yum命令详解 - 廖先生 - 博客园
Yarn
- yarnpkg/yarn: 📦🐈 Fast, reliable, and secure dependency management.
- yarnpkg/berry: 📦🐈 The active development trunk for Yarn 2 ⚒
- Apache Hadoop 2.9.2 – Apache Hadoop YARN
- Yarn
- Yarn
- Yarn
- Yarn
- Yarn
- Documentation | Yarn
- Overview | Yarn
- Installation | Yarn
- Types of dependencies | Yarn
- Workspaces in Yarn | Yarn Blog
- Yarn 中文文档
- 中文文档 | Yarn 中文文档
- yarn详细入门教程 - 猫老板的豆 - CSDN博客
- YARN架构设计详解 - ChavinKing - 博客园
- Yarn 命令详解 - 寒爵 - 博客园
- Yarn 的 Plug'n'Play 特性
- anvaka/pm: package managers visualization
- dependency-check-team/dependency-check: checks which modules you have used in your code and then makes sure they are listed as dependencies in your package.json
- Libraries.io - The Open Source Discovery Service
- 你需要知道的包管理器(Package Manager) - 陈希章 - 博客园
- Linux软连接和硬链接 - iTech - 博客园
¥Priority Hints
- WICG/priority-hints: A browser API to enable developers signal the priorities of the resources they need to download.
- Priority Hints
¥Resource Hints
- preload · GitHub Topics
- prefetch · GitHub Topics
- Resource Hints
- 使用 Preload&Prefetch 优化前端页面的资源加载
¥SourceMap
source-map-explorer
- danvk/source-map-explorer: Analyze and debug space usage through source maps
- source-map-explorer - npm
- JavaScript Source Map 详解 - 阮一峰的网络日志
- SourceMap介绍 - 掘金
- 【webpack】你所不知道的sourceMap - 掘金
- Source Map详解-社区博客-网易云
- Monorepos Made Simpler with Bit. How to leverage Bit + NPM to simplify… | by Jonathan Saring | Bits and Pieces
¥唯一标识符
hashids.js
- niieani/hashids.js: A small JavaScript library to generate YouTube-like ids from numbers.
- hashids - npm
nanoid
- ai/nanoid: A tiny (145 bytes), secure, URL-friendly, unique string ID generator for JavaScript.
shortid
- dylang/shortid: Short id generator. Url-friendly. Non-predictable. Cluster-compatible.
- zh.wikipedia.org
- JavaScript生成GUID的算法 - snandy - 博客园
¥工具链
rome
- facebookexperimental/rome: An experimental JavaScript toolchain
¥动态、异步&缓存加载
basket.js
- addyosmani/basket.js: A script and resource loader for caching & loading files with localStorage
- TotomInc/loaderz: A very easy-to-use, blazing fast asset-loader using promises. Support older-browsers and preload images, audios and videos.
- 简单的算法-解决页面脚本异步加载顺序问题 - 掘金
- 优雅的实现动态加载 css、js - 掘金
- javascript中采用jQuery ajax动态加载js文件的解决方法 - CSDN博客
- 探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密 - 文章 - 伯乐在线
- css加载会造成阻塞吗? - 陈陈jg - 博客园
- 转:按需加载html 图片 css js - stephenykk - 博客园
- 经验总结:按需加载JS和css - stephenykk - 博客园
- jQuery+ajax实现动态加载,局部刷新, - TigerZhang - 博客园
- js的并行加载与顺序执行 - Hello.NET - 博客园
- 实用技巧:使用 jQuery 异步加载 JavaScript 脚本 - 梦想天空(山边小溪) - 博客园
- JavaScript 的性能优化:加载和执行
- [译]未雨绸缪之:静态资源处理 - 掘金
- JS代码如何不被别人看到? - CSDN博客
- 不可错过的实用前端工具
$JS 资源、整理集&FAQ
$JS 资源
$JS 整理集
《JavaScript 20 年(JavaScript: the first 20 years)》
- doodlewind/jshistory-cn: 🇨🇳 《JavaScript 20 年》中文版
- JavaScript 20 年
- JavaScript: the first 20 years | Proceedings of the ACM on Programming Languages
$JS FAQ
children、childNodes、parentElement&parentNode
- parentNode,parentElement,childNodes,children最经典讲解 - qq_36010298的博客 - CSDN博客
- parentNode,parentElement,childNodes,children的区别 - 学而不思则罔,思而不学则殆 - CSDN博客
- parentElement\parentNode.parentNode.childNodes用法例子 - cindysaj的专栏 - CSDN博客
- parentNode、parentElement,childNodes、children 区别 - MIR_zhang的博客 - CSDN博客
- Js-parentNode、parentElement,childNodes、children 的区别 - teresa502的专栏 - CSDN博客
Content、HTML、Text&Value
- js中的innerHTML,innerText,value的区别 - w965440884的专栏 - CSDN博客
- textContent和innerText属性的区别 - dexing07的博客 - CSDN博客
- innerHTML outerHTML innerText textContent的区别 - win0032的博客 - CSDN博客
- javascript textContent与innerText的异同分析_javascript技巧_脚本之家
- JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?jQuery中的text()、html()和val() ? - 靥放 - 博客园
- 原生js修改文本内容 - 麦兜家园 - 博客园
free-variables
- javascript - What are free variables? - Stack Overflow
- Newest 'free-variable' Questions - Stack Overflow
JS 表单答疑解惑
点击Input框弹出日期选项
- 点击Input框弹出日期选项 - CSDN博客
- 简单的js点击弹出选择日期插件代码
- antd中Select的defaultValue参数问题 - x!!!的回答 - SegmentFault 思否
- defaultValue浅解 - CSDN博客
- 浅解js中的defaultValue - CSDN博客
- input datetime 控件如何设置点击打开日期选择-CSDN论坛
- type=‘date’的input标签 - CSDN博客
- JavaScript时间与日期_专题_脚本之家
input type=number
- input type=number禁止输入小数如何实现-js教程-PHP中文网
- 请问如何不让type=number的Input,不可输入加号减号和多个小数点? - stephenhuang的回答 - SegmentFault 思否
- 关于input[type=number]无法获取小数点的问题!!!! - 迹_Jason的回答 - SegmentFault 思否
- input type=number的 小数设置 - CSDN博客
- type为number的input标签输入小数的方法 - 蓦然回首恍然如梦 - 博客园
- input type=number禁止输入小数 - CSDN博客
- input type="number" 输入允许小数点后两位 - 何少旭 - 博客园
- type为number的input标签输入小数的方法 - CSDN博客
- html input的type设置为number后可以输入e - CSDN博客
- javascript - 怎样让input type=number不能输入负数 - SegmentFault 思否
- 限制input[type=number]的输入位数策略整理 - js-coder - 博客园
- 总结oninput、onchange与onpropertychange事件的使用方法和差别 - 掘金
- 总结oninput、onchange与onpropertychange事件的用法和区别 - CSDN博客
- html中的css和js控制input,textarea文本框自动获取焦点 - CSDN博客
- 解决浏览器会自动填充密码的问题_javascript技巧_脚本之家
- select中无法使用click的处理 - 嗑瓜子儿gf - 博客园
- 表单中的单文件点击和拖拽上传 - SaBoo - 博客园
- 总结一下 input propertychange
- textarea 输入框限制字数(完美兼容)-Thylx的博客
JS events
单线程, 异步, 事件驱动
- js的单线程和异步 - wudipmd - 博客园
- javascript 的线程问题,收藏 - Now . Or Never `` - CSDN博客
- JavaScript运行原理解析 - 漫长学习路 - CSDN博客
- js中的同步和异步的个人理解 - YinghaoGuo的博客 - CSDN博客
- 浅谈js运行机制(线程) - 逆风飞舞2016的博客 - CSDN博客
ready&onload
- 细说document.ready和window.onload - 前端路上的小兵 - 博客园
- onload、load()、ready()事件和DOMContentLoaded、load的区别 - 简书
- DOMContentLoaded 与onload区别以及使用 - hoboStage - 博客园
- 谈谈document.ready和window.onload的区别 - 香草柠檬 - 博客园
- DOMContentLoaded与 onload的区别 - 最初的梦 - ITeye博客
- DOMContentLoaded 与onload区别以及使用 - 简书
- 再谈 load 与 DOMContentLoaded - 掘金
坐标、位移
- 图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别 - lzding的博客 - CSDN博客
- 原生JS与jQuery中事件对象的坐标详解screenX/clientX/pageX/offsetX - weixin_42839080的博客 - CSDN博客
- JavaScript 获取鼠标点击位置坐标 - 谦行 - 博客园
事件源
- actionscript 3 - Difference between e.target and e.currentTarget - Stack Overflow
- 原生js面试题:event对象中的target,currentTarget的区别,以及应用_事件委托 - jiang7701037的博客 - CSDN博客
- 事件对象中target对象和currentTarget对象的区别 - u013746071的专栏 - CSDN博客
- 阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别 - CSDN博客
- target、currentTarget、srcElement - 简书
- e.target与e.currentTarget的区别 - 简书
- e.target 和 e.srcElement 的使用问题 - horizon~~~ - 博客园
- JavaScript tips —— target与currentTarget的区别 - 南辰_k - 博客园
- target与currentTarget的区别(jqueryui方式获取z-Index) - 郑星阳 - ITeye博客
- 事件获取目标 currentTarget target srcElement三者之间的区别和联系-布布扣-bubuko.com
- 前端基础 — Web事件总结 - 掘金
- 事件关键词 bind 和 catch 的区别、事件对象 target 和 currentTarget 的差异 - 掘金
- 如何解决 touchstart 事件与 click 事件的冲突 - 掘金
- JS的事件对象与事件机制 - 掘金
- 浅析window.onscroll=move以及window.onscroll=move()的区别 - CSDN博客
- JavaScript中的Event事件对象详解 - 沐枫自然 - CSDN博客
- 使用原生js手动触发事件 - geek人生 - CSDN博客
- JS中手动触发事件的方法 - jiangxiaobo - 博客园
- js触发页面resize的功能实现 - 木章 - 博客园
JS 实用技巧
- ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript
- jeasonnow/choiceJs: Use choiceJs instead of if...else...
- adrianmcli/js-state-encapsulation: Examples of state encapsulation in Javascript
- web前端常用技术点001 - 掘金
- JavaScript 语言通识 — 重学 JavaScript
- [译] 优秀 JavaScript 开发人员应掌握的 9 个技巧 - 掘金
- 解决 "Script Error" 的另类思路 - 掘金
- 重构你的javascript代码 - 掘金
- 你的 JS 代码本可以更加优雅 - 掘金
- 编写自己的代码库(javascript常用实例的实现与封装) - 掘金
- JavaScriptCore全面解析 - 掘金
- JS基础知识深入总结 - 掘金
- JavaScript中的这些骚操作,你都知道吗?
- JavaScript 秘密花园
- 路径中的'.'和'..'还有'./'和'../'都是什么意思 - CSDN博客
- js的沙箱模式_JavaScript_陈天天-CSDN博客
- js中(function(){}()),(function(){})(),$(function(){});之间的区别 - CSDN博客
- JavaScript切换特效_专题_脚本之家
- JavaScript错误与调试技巧_专题_脚本之家
- Jsoup获取全国地区数据属性值(省市县镇村)_java_脚本之家
- 重构 - 代码优化技巧 - 知乎
- 最棒的 JavaScript 学习指南(2018版) - 梦想天空(山边小溪) - 博客园
- 你可能不需要 jQuery!使用原生 JavaScript 进行开发 - 梦想天空(山边小溪) - 博客园
- 浏览器沙箱模型 - 李某龙 - 博客园
- js删除局部变量 - 云+社区 - 腾讯云
- JavaScript之禅
- 这么骚的 js 代码,不怕被揍么
- 你可能不知道的JS开发技巧
- 野狗
- JavaScript 开发人员需要知道的简写技巧 - 博文 - 手册网
大数据量渲染
- 每页500条数据的渲染优化思路(1) - 掘金
获取宽高
img宽高
- 获取img的真实宽高 - 小二什么的 - 博客园
- 万恶的css(一)img固定宽高问题 - 简书
- 如何设置html中img宽高相同-css - 一线蓝光 - 博客园
- 如何设置html中img标签宽高相等? - Rubine的回答 - SegmentFault 思否
- 图片(img)的等比例自动缩放 - 千千 - CSDN博客
- CSS如何设置图片宽度和高度 - DIVCSS5
jquery获取宽高
- $(window).height() 和 $(document).height()的区别 - Una容儿 - 博客园
- jquery获取元素各种宽高及页面宽高总结 - 古兰精 - 博客园
- 获取屏幕宽高width(),outerWidth,innerWidth,clientWidth的区别 - 风雨过后见彩虹 - SegmentFault 思否
- window.innerWidth以及window.outerWidth的区别 - sinat_32067081的博客 - CSDN博客
- Js/Jquery获取网页屏幕可见区域高度 - 王洪宝 - 博客园
offset client scroll
- js的onscroll、scrollTop、scrollHeight及window.scroll等方法 - 狂奔的小马扎 - 博客园
- 搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop - qq_35430000的博客 - CSDN博客
- 终于清晰啦!offsetHeight、scrollHeight、clientHeight和offsetTop、scrollTop、clientTop - 特大号虾米的博客 - CSDN博客
- js中offsetHeight、clientHeight、scrollHeight等相关属性区分总结 - Demi馨馨 - 博客园
- scrollHeight,clientHeight,offsetHeight在火狐、IE、谷歌浏览器下的区别 - 柒玲珑 - 博客园
- clientHeight的问题-CSDN论坛
- clientHeight在谷歌中的兼容_慕课问答
- 关于IE 7 兼容 clientHeight问题_已解决_博问_博客园
- clientHeight是个问题 - zxiaoc的专栏 - CSDN博客
- js的clientHeight和jQuery的innerHeight()的区别及不同浏览器兼容问题 - Y.S.Z - 博客园
- 兼容各种浏览器的获取clientheight 等参数 - winter_leaf_wei的专栏 - CSDN博客
- clientHeight , scrollHeight , offsetHeight之间的区别及兼容方案 - 南山老幺 - 博客园
- 元素 offset client scroll 相关属性简介 - 掘金
获取元素距离顶部
- Jquery获取元素距离文档顶部的距离 - wangcuiling_123的博客 - CSDN博客
- js获取页面元素距离浏览器工作区顶端的距离 - 酒香逢 - 博客园
- javascript - 怎样使用jQuery获取元素到文档顶部的距离。元素的高度单位为rem。 - SegmentFault 思否
- jquery元素到窗口顶部的距离 - qq_23260639的博客 - CSDN博客
- js,jquery 获取滚动条高度和位置, 元素距顶部距离 - 草木物语 - 博客园
- 如何用jquery获得页面元素到窗口顶部的距离?_百度知道
- JavaScript获取元素距离文档顶部的距离-蚂蚁部落
- jQuery获取div距离窗口顶部或者父元素顶部的距离-蚂蚁部落
- jquery怎样获取元素离浏览器可见区顶部的距离,注意不是离文档顶部的距离_百度知道
- 怎样使用jQuery获取元素到文档顶部的距离。元素的高度单位为rem。 - luzemin的回答 - SegmentFault 思否
- js jquery 获取某一元素到浏览器顶端的距离 - genziisme的专栏 - CSDN博客
- js 获取浏览器高度和宽度值(兼容多浏览器) - 每天都记录一点点! - CSDN博客
- js 获取屏幕各种宽高的方法(浏览器兼容)_javascript技巧_脚本之家
- 原生js获取元素的宽高 - 向着太阳生 - 博客园
- js 获取屏幕各种宽高的方法(浏览器兼容) - 逆转流年 - 博客园
- JS,Jquery获取各种屏幕的宽度和高度 - 悄悄的来,匆匆的走 - 博客园
获取元素
- js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等) - 岁寒
高级属性&方法
- gpuweb/WHLSL: Web HLSL
- JS中可枚举属性(enumerable)和propertyIsEnumerable() - 痦子的博客 - CSDN博客
- OMG,这些鲜为人知的JavaScript 特性! - 终身学习者 - SegmentFault 思否
- JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()_javascript技巧_脚本之家
- js中propertyIsEnumerable()方法使用介绍 - 码农何时 - 博客园
- JS中的可枚举属性与不可枚举属性以及扩展 - 风雨后见彩虹 - 博客园
- bannedit's musings – Virtual Machine Detection In The Browser
大前端
$大前端 core
Reason
- reasonml/reason: Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems
- Reason · Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems.
- ReasonML——新的前端强类型语言简介
$大前端 frameworks、libs&plugins
$Deno
¥Deno core
- denoland/deno: Runs JavaScript and TypeScript in the command-line
- denoland/deno_std: deno standard modules
- denoland/deno_install: Deno Binary Installer
- denoland/registry
- deno/Docs.md at master · denoland/deno
- Deno
- https://deno.land/x/
- "deno" | deno
- Deno 核心指南 · 语雀
- Manual | Deno
¥Deno 资源、整理集&FAQ
Deno 资源
- denolib/awesome-deno: 🎉A curated list of awesome things related to Deno
- Deno 并不是下一代 Node.js - Go语言中文网 - Golang中文社区
- 通俗易懂的 Deno 入门教程
Deno 整理集
Deno FAQ
- Fen - 基于deno的简单Typescript Web框架 - 掘金
- 我为 VS Code 开发了一个 Deno 插件 - 掘金
- 手把手教你从Node快速迁移到Deno
- Deno 运行时入门教程:Node.js 的替代品
- Deno的简单运用 | 🏆 技术专题第一期
- Deno从入门到跑路 | 🏆 技术专题第一期征文
$Desktop、Hybrid、Hypertext、Native&Web APP
¥渐进式网页应用(Progressive Web App,PWA)
lavas
- Lavas
- lavas-project/lavas: 基于 Vue 的 PWA 解决方案,帮助开发者快速搭建 PWA 应用,解决接入 PWA 的各种问题
- Lavas | 基于 Vue 的 PWA 完整解决方案
pwa
- lukeed/pwa: (WIP) Universal PWA Builder
pwa-starter-kit
- Polymer/pwa-starter-kit: Starter templates for building full-featured Progressive Web Apps from web components.
PWABuilder
- PWABuilder
- PWABuilder
Rax
- alibaba/rax: 🐰 Rax is a progressive React framework for building universal application. https://rax.js.org
- 写给跨端玩家:支撑淘宝上亿日活的跨端框架—— Rax 的入门教程(附 TODO Demo)
sapper
- sveltejs/sapper: Military-grade progressive web apps, powered by Svelte
- Sapper • Military-grade progressive web apps, powered by Svelte
- Sapper • The next small thing in web development
vuesion
- vuesion/vuesion: The most complete boilerplate for production-ready PWAs. With focus on performance, development speed, and best practices
- paulhoughton/react-pwa: Material Design Progressive Web App React starter kit
- lavas-project/pwa-book: 这是一本 PWA 相关的书籍
- tastejs/hacker-news-pwas: HNPWA - Hacker News readers as Progressive Web Apps 📱
- PWA
- PWA Starter Kit
- PWA(Progressive Web App)入门系列:Cache Storage & Cache - 掘金
- 【PWA】关于PWA的实操以及使用经验总结_NeverYu-CSDN博客
- PWA是移动开发的未来吗?
¥单页应用(Single Page Application,SPA)
inertia
- inertiajs/inertia: Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.
senna.js
- liferay/senna.js: A blazing-fast Single Page Application engine
- Senna.js | Introduction
appjs
- appjs/appjs: (Deprecated!) SDK on top of nodejs to build desktop apps using HTML5/CSS/JS
- sihorton/appjs-deskshell: SDK to build desktop apps using HTML5/CSS/JS for frontend and server script for backend
- Home · appjs/appjs Wiki
- AppJS
- App.js 让移动应用更简单 | 菜鸟教程
- AppJS首页、文档和下载 - 开发桌面应用的 JS 库 - 开源中国
- WebApp UI框架App.js的入门介绍和使用手册 - 25学堂
Chromium Embedded Framework,CEF
- chromiumembedded/cef: Chromium Embedded Framework (CEF) official mirror. A simple framework for embedding Chromium-based browsers in other applications.
- chromiumembedded / cef — Bitbucket
cube.js
- cube-js/cube.js: 📊 Cube.js - Open Source Analytics Framework
Dojo
- Dojo
- dojo/framework: Dojo Framework. A Progressive Framework for Modern Web Apps
- dojo/dojo: Dojo 1 - the Dojo 1 toolkit core library.
- Dojo
- Dojo Toolkit
- API Documentation - The Dojo Toolkit Version 1.10
- IBM developerWorks 中国 : 学习 Dojo
- The Dojo Toolkit - Demos Index
- Hyun's Dojo
Electron
#Electron core
- electron-react-boilerplate/electron-react-boilerplate: A Foundation for Scalable Cross-Platform Apps
- Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。
- Electron 应用 | Electron
- Electron React Boilerplate · A Foundation for Scalable Cross-Platform Apps
#Electron frameworks
electron-vue
- SimulatedGREG/electron-vue: An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
- PanJiaChen/electron-vue-admin: vue electron admin template web: http://panjiachen.github.io/vue-admin-template
- SmallRuralDog/electron-vue-music: 基于 electron-vue 开发的音乐播放器,界面模仿QQ音乐,技术栈electron-vue+vue+vuex+vue-router+element- UI。欢迎star
- dockeron/dockeron: 🤖🤖🤖 Electron + Vue.js for Docker
- bradstewart/electron-boilerplate-vue: Boilerplate application for Electron runtime
- nklayman/vue-cli-plugin-electron-builder: A Vue Cli 3 plugin for Electron with no required configuration
- L-Chris/vue-design: Be the best website visualization builder with Vue and Electron.
- CS-Tao/whu-library-seat: 武汉大学图书馆抢座软件 - 桌面端
fiddle
- electron/fiddle: 🚀 The easiest way to get started with Electron
#Electron libs、plugins&tools
electron-debug
- sindresorhus/electron-debug: Adds useful debug features to your Electron app
windows-installer
- electron/windows-installer: Build Windows Installers for Electron apps
#Electron projects
electron-playground
- tal-tech/electron-playground: This is a project to quickly experiment and learn electron related APIs
jspaint
- 1j01/jspaint: 🎨 Classic MS Paint, REVIVED + ✨Extras
streamlabs-obs
- stream-labs/streamlabs-obs: Free and open source streaming software built on OBS and Electron.
- nukeop/nuclear: Desktop music player for streaming from free sources
- ZyqGitHub1/h-player-v2: 资源采集站在线播放
- desktop/desktop: Simple collaboration from your desktop
#Electron 资源、整理集&FAQ
Electron 资源
Electron 整理集
- Electron工程踩坑记录 - 掘金
《手摸手Electron + Vue实战教程》
- 手摸手Electron + Vue实战教程(一)
- 手摸手Electron + Vue实战教程(二)
- 手摸手Electron + Vue实战教程(三)
- 手摸手Electron + Vue实战教程(四)
- 手摸手Electron + Vue实战教程(五)
- 手摸手Electron + Vue实战教程(六)
Electron FAQ
- 想要试试Electron ,不如看看这篇爬坑总结
- Electron构建跨平台应用Mac/Windows/Linux - 掘金
- 如何基于 Electron 开发跨终端的应用
- 扒一扒迅雷的代码结构
Ember.js
emberjs core
- Ember.js
- emberjs/ember.js: Ember.js - A JavaScript framework for creating ambitious web applications
- Ember.js - Homepage
- Ember - 3.1 - Ember API Documentation
- Ember.js - Builds
- Ember.JS
- Ember.js Talks on EmberWatch
- Ember Weekly
- Ember.js Dashboard
- developer | Scoop.it
- Join EmberJS Community on Slack!
- Ember.js - Guides and Tutorials
- emberjs.cn
- blog.ddlisting.com
- FeipingHunag/ember-todo: a example of rails4 ember 1.0 ember-data 1.0.0beta2
- Ember.js 入门指南 (一) - CSDN博客
- Day 19: EmberJS 入门指南 - SegmentFault 业界资讯 - SegmentFault 思否
Firebase
- Firebase
Hyperapp
- jorgebucaran/hyperapp: The tiny framework for building hypertext applications.
- waylybaye/HyperApp-Guide: HyperApp user's manual
- jorgebucaran/hyperapp-router: Declarative routing for Hyperapp V1 using the History API.
- jorgebucaran/hyperawesome: A curated list of awesome projects built with Hyperapp & more.
NativeScript
- NativeScript/NativeScript: NativeScript is an open source framework for building truly native mobile apps with JavaScript. Use web skills, like Angular and Vue.js, FlexBox and CSS, and get native UI and performance on iOS and Android.
- Native mobile apps with Angular, Vue.js, TypeScript, JavaScript - NativeScript
- NativeScript
- Native mobile apps with Angular, Vue.js, TypeScript, JavaScript - NativeScript
meteor
- meteor/meteor: Meteor, the JavaScript App Platform
- Build Apps with JavaScript | Meteor
- Meteor API Docs | Meteor API Docs
- Install the Latest Version of Meteor | Meteor
- Tracker | Meteor API Docs
now
- Flotype/now: NowJS makes it easy to build real-time web apps using JavaScript
- zeit/now-cli: The command-line interface for Now
- Now - ZEIT
- Now for GitLab - ZEIT
- Now for GitHub - ZEIT
NW.js
- nwjs/nw.js: Call all Node.js modules directly from DOM/WebWorker and enable a new way of writing applications with all Web technologies.
- NW.js
- Homepage - NW.js Documentation
nx-js
- NX framework
- nx-js/framework: A modular front-end framework - inspired by the server-side and Web Components.
- nx-js/observer-util: Transparent reactivity with 100% language coverage. Made with ❤️ and ES6 Proxies.
- mseddon/preact-nx-observer: A simple preact decorator for @nx-js/observer-util
- The structure of NX | NX Docs
Onsen UI
- OnsenUI/OnsenUI: Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
- Onsen UI 2: Beautiful HTML5 Hybrid Mobile App Framework and Tools - Onsen UI
- React UI Components by Onsen UI Hybrid Mobile App Framework - Onsen UI
poi
- egoist/poi: ⚡A zero-config bundler for JavaScript applications.
Svelte
- sveltejs/svelte: Cybernetically enhanced web apps
- Svelte • Cybernetically enhanced web apps
- Svelte • 既是构建 Web 应用程序的框架,又是一个组件编译器 | Svelte 中文网
- Svelte中文文档
Vuido
- mimecorg/vuido: Native desktop applications using Vue.js.
Weex
- alibaba/weex: A framework for building Mobile cross-platform UI
- joggerplus/awesome-weex: A curated list of awesome Weex guides, articles, sites, tools, projects and resources.
- apache/incubator-weex: Mirror of Apache Weex
- weexteam/weex-vue-render: Web renderer for weex project written in Vue DSL.
- weex-toolkit - npm
- WEEX
- Getting Started | Weex
- What is Weex? | WEEX
- Weex Variable | WEEX
t3js
- box/t3js: A minimal component-based JavaScript framework
- T3 JavaScript Framework - T3 JavaScript Framework
- T3框架:简化大型JavaScript应用创建 - Q,传 - CSDN博客
- T3:为创建大型JavaScript应用而打造的开源前端库
- nstudio/xplat: Cross-platform (xplat) tools for Nx workspaces https://nstudio.io/xplat
- 【必读】前端需要懂的 APP 容器原理 - 掘金
- 从 SPA 到 PWA - 前端 - 掘金
- 桌面端混合开发总结
- 5个主流跨端框架区别对比_AT弄潮儿-CSDN博客_多端框架
- H5 手机 App 开发入门:概念篇 - 阮一峰的网络日志
- 【必读】前端需要懂的 APP 容器原理
$Flutter
Flutter core
- flutter/website: Flutter web site
- flutter/flutter: Flutter makes it easy and fast to build beautiful mobile apps.
- flutter_statusbar_manager | Flutter Package
Flutter 资源、整理集&FAQ
Flutter 资源
- Solido/awesome-flutter: An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.
- [译] Flutter: 图解 Row 与 Column 部件 · Issue #11 · Weiyu-Chen/blog
- [译] Flutter: 图解 Container 部件 · Issue #10 · Weiyu-Chen/blog
- 使用 redux 管理 flutter 应用数据 · Issue #47 · riskers/blog
- 781238222/flutter-do: 旨在帮助初学者快速入门、收集学习资源
Flutter 整理集
- 基于Flutter Canvas的飞机大战(一) - 掘金
- 基于Flutter Canvas的飞机大战(二) - 掘金
- Flutter 44集免费基础视频教程 - 掘金
- Flutter仿写单读App介绍与总结 - 掘金
- Flutter-国际化适配终结者 - 掘金
- Flutter 组件总结 - 掘金
Flutter FAQ
- Flutter早知道 - Named Router可以传参了! - 掘金
- 用前端 最舒服的躺姿 "搞定" Flutter (组件篇) - 掘金
- 手把手教你在Flutter项目优雅的使用ORM数据库 - 掘金
- bugly的flutter版已完成,欢迎使用 - 掘金
- Flutter Widget 静态布局实战 - 掘金
- 为前端工程师准备的 Flutter 入门指南 - 知乎
- 谈谈 Flutter 中的请求和异步 - 知乎
- 让我们在2019年重新认识 Flutter - 知乎
- 为什么Flutter会选择 Dart ? - InfoQ
- 阿里集团内如何进行Flutter体系化建设?
- huangjianke/flutter_easyloading: ✨A clean and lightweight Loading widget for Flutter App, easy to use without context, support iOS and Android
- simplezhli/flutter_remote_control: flutter remote control
$full-stack programming language
imba
- imba/imba: 🐤 The friendly full-stack language
$HTML、HTML5 frameworks
egret
- egret-labs/egret-core: Egret is a brand new open mobile game and application engine which allows you to quickly build mobile games and apps on Android,iOS and Windows.
- NeoGuo/html5-documents: All about HTML5 frameworks
framework7
- framework7io/framework7: Full featured HTML framework for building iOS & Android apps
- framework7
html5-boilerplate
- h5bp/html5-boilerplate: A professional front-end template for building fast, robust, and adaptable web apps or sites.
html5bones
- iandevlin/html5bones: The HTML5 template that goes back to basics
- HTML5 Bones: The template that goes back to basics
Ionic
- ionic-team/ionic: Build amazing Native and Progressive Web Apps with web technologies. One app running on everything 🎉
- ionic-team/ionic-native: Native features for mobile apps built with Cordova/PhoneGap and open web technologies. Complete with TypeScript support. The successor to ngCordova. Pairs exquisitely with a nice bottle of Ionic Framework.
- ionic-team/ionic-framework: A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
- Ionic Documentation
- Ionic Framework - Ionic Documentation
- ionic2/3 预处理安卓返回键和监听返回键执行自定义操作 - 掘金
- Ionic开发App中重要的部分 - 掘金
- [译] 5 个可以立刻在你的 Ionic App 中用上的动画包 - 掘金
- Ionic - 先进的 HTML5 移动开发框架和 SDK - 梦想天空(山边小溪) - 博客园
- | HTML5 Canvas Rich UI JavaScript Library
- Brunch - ultra-fast HTML5 build tool
- gauge.js
- Quintus JavaScript HTML5 Game Engine
- Timesheet.js - Open time tables with HTML, JavaScript and CSS …
- NoMe » location and weather JavaScript library
- gauge.js
- JSCapture
- Quintus JavaScript HTML5 Game Engine
- snaptomato.appspot.com
- Bézier Curve (de Casteljau algorithm)
- Free Online Banner Maker. Quickly design & create banners in HTML5 & GIF formats
- Squire – 简洁的 HTML5 富文本编辑器 - 梦想天空(山边小溪) - 博客园
- PixiJS - 基于 WebGL 的超快 HTML5 2D 渲染引擎 - 梦想天空(山边小溪) - 博客园
- Waud.js – 使用HTML5降级处理的Web音频库 - 梦想天空(山边小溪) - 博客园
- 给你推荐10款优秀的 HTML5 动画工具 - 梦想天空(山边小溪) - 博客园
- Hyhyhy – 专业的 HTML5 演示文稿工具 - 梦想天空(山边小溪) - 博客园
$Node.js
Node.js core
¥Assert
- Assert | Node.js v12.16.1 Documentation
- assert 模块 -- JavaScript 标准参考教程(alpha)
¥Async Hooks
- Async Hooks | Node.js v12.16.1 Documentation
- node/async_hooks.md at master · nodejs/node
¥Buffer
- Buffer | Node.js v13.12.0 Documentation
- node Buffer模块急速入门 - 掘金
¥Core
#CNode
- CNode
- cnodejs/nodeclub: Nodeclub 是使用 Node.js 和 MongoDB 开发的社区系统
- alexlees/alexlees.github.io: PWA CNode.js社区
- CNode:Node.js专业中文社区
- CNode:Node.js专业中文社区
#Node.js源码解析
- Node内建模块和对象 - 掘金
- [NodeJs系列]NodeJs模块机制 - 掘金
- [NodeJs系列]Q&A之理解NodeJs中的Event Loop、Timers以及process.nextTick() - 掘金
- node源码详解 (一) - 野路子程序员 - 博客园
- node源码详解(二 )—— 运行机制 、整体流程 - 野路子程序员 - 博客园
- node源码详解(三)—— js代码在node中的位置,process、require、module、exports的由来 - 野路子程序员 - 博客园
- Node.js
- nodejs/node: Node.js JavaScript runtime
- nodejs/nodejs.org: The Node.js website.
- nodejs/modules: Node.js Modules Team
- Node.js
- Node.js
- Node.js 中文网
- Node.js 中文文档 | Node.js 中文网
- Docs | Node.js
- Index | Node.js v10.0.0 Documentation
- API 文档 | Node.js 中文网
- 以往的版本 | Node.js
- Index of /dist/
- 淘宝 NPM 镜像
¥C++ Addons
- C++ Addons | Node.js v13.12.0 Documentation
- C++ Addons | Node.js v13.7.0 Documentation
¥C/C++ Addons with N-API
- n-api · GitHub Topics
- N-API | Node.js API 文档
- N-API | Node.js v13.12.0 Documentation
- N-API | Node.js v13.7.0 Documentation
- N-API | Node.js v12.14.1 Documentation
- 如何发布 N-API 包 | Node.js
- Newest 'n-api' Questions - Stack Overflow
- Node.js 指南(如何发布N-API包) - SegmentFault 思否
- 写一个N-API没那么难? - 知乎
- 从暴力到 NAN 再到 NAPI——Node.js 原生模块开发方式变迁 - CNode技术社区
- 豆米的博客
- N-API | Node.js v15.7.0 Documentation
¥Child Process
- Child Process | Node.js v13.12.0 Documentation
- child_process | Node.js API 文档
- Node.js 编写跨平台 spawn 语句_明潮的BLOG-CSDN博客
- Node.js中的child_process模块详解_JavaScript_大白与小白-CSDN博客
- node.js - node的spawn如何写这个语句 - SegmentFault 思否
- Nodejs child_process学习 - 简书
- Node.js的进程管理 - 掘金
¥Cluster
- Cluster | Node.js v13.12.0 Documentation
- cluster | Node.js API 文档
- NodeJS Cluster模块源码学习 - 掘金
- 深入浅出 Node.js Cluster - 掘金
¥Command Line Options
- Command Line Options | Node.js v13.12.0 Documentation
¥Console
- Console | Node.js v13.12.0 Documentation
¥Crypto
- Crypto | Node.js v13.12.0 Documentation
- Crypto | Node.js v11.14.0 Documentation
- Crypto | Node.js v11.14.0 Documentation
- Node 快速学习 crypto 模块 - 掘金
¥Debugger
- Debugger | Node.js v13.12.0 Documentation
¥Deprecated APIs
- Deprecated APIs | Node.js v13.12.0 Documentation
¥DNS
- DNS | Node.js v13.12.0 Documentation
¥Domain
- Domain | Node.js v13.12.0 Documentation
¥ECMAScript Modules
- ECMAScript Modules | Node.js v13.12.0 Documentation
¥Errors
- Errors | Node.js v13.12.0 Documentation
¥Events
- Events | Node.js v13.12.0 Documentation
- [原] 探索 EventEmitter 在 Node.js 中的实现 - 掘金
¥File System
- File System | Node.js v13.12.0 Documentation
- Node fs模块学习 - 掘金
- node.js中的fs.unlinkSync方法使用说明_node.js_脚本之家
- node.js中的fs.unlink方法使用说明_node.js_脚本之家
- node.js中的fs.fsync方法使用说明_node.js_脚本之家
- node.js中的fs.ftruncate方法使用说明_node.js_脚本之家
- node.js中的fs.fsyncSync方法使用说明_node.js_脚本之家
- node.js中的fs.writeSync方法使用说明_node.js_脚本之家
- node.js中的fs.write方法使用说明_node.js_脚本之家
- node.js中的fs.writeFile方法使用说明_node.js_脚本之家
- node.js中的fs.writeFileSync方法使用说明_node.js_脚本之家
- node.js中的fs.writeFile方法使用说明_node.js_脚本之家
- File system | Node.js v15.3.0 Documentation
¥Global Objects
- Global Objects | Node.js v13.12.0 Documentation
¥HTTP
- HTTP | Node.js v13.12.0 Documentation
- 在Node.js中发起HTTP请求的5种方法 - 掘金
- Node 深入 HTTP 模块 - 掘金
- NodeJS Https HSM双向认证实现 - 掘金
- Nodejs核心模块之net和http - 掘金
¥HTTP/2
- HTTP/2 | Node.js v13.12.0 Documentation
¥HTTPS
- HTTPS | Node.js v13.12.0 Documentation
¥io.js
- io.js API 中文文档_w3cschool
- V8 · io.js API 中文文档 · 看云
¥Inspector
- Inspector | Node.js v13.12.0 Documentation
¥Internationalization Support
- Internationalization Support | Node.js v13.12.0 Documentation
¥Modules
- Modules | Node.js v13.12.0 Documentation
- Modules | Node.js v13.12.0 Documentation
- Modules | Node.js v13.12.0 Documentation
- Modules | Node.js v13.12.0 Documentation
- Modules | Node.js v13.12.0 Documentation
- Modules | Node.js v13.12.0 Documentation
#Require
- Nodejs中的require函数 - 掘金
- Node.js 模块系统源码探微 - 掘金
- node.js 使用require引入文件时,有缓存问题,引入的文件数据仍是修改前的数据_DemoJx的博客-CSDN博客
- 如何清除Node模块的缓存问题_JavaScript_Calla_Lj的博客-CSDN博客
- node中的缓存机制 - 简书
- node.js - node require是缓存优先的,那么require的文件改变时候怎么才能在gulp的watch状态下能够获取改变的内容 - SegmentFault 思否
- require、缓存 - NordonWang - 博客园
- [one day one question] nodejs require 缓存,无法检测文件变化 - 黎明の破晓 - 博客园
- nodejs清除require缓存 delete require.cache
- [one day one question] nodejs require 缓存,无法检测文件变化
¥Net
- Net | Node.js v13.12.0 Documentation
#TCP模块
- Node 深入TCP模块 - 掘金
¥OS
- OS | Node.js v13.12.0 Documentation
¥Path
- Path | Node.js v13.12.0 Documentation
path.resolve 和 path.join
- Nodejs中,path.join()和path.resolve()区别_wdxcln的博客-CSDN博客
- Node的path.resolve(__dirname,'./src') - 简书
- 详解Node.js中path模块的resolve()和join()方法的区别_node.js_脚本之家
- Nodejs path.resolve 和 path.join | 大专栏
- node中 path.resolve 和path.join的区别 - dami.white - 博客园
- node模块之path——path.join和path.resolve的区别 - 一江西流 - 博客园
- 浅析 NodeJs 的几种文件路径_node.js_脚本之家
- Nodejs基础:路径处理模块path总结 - 程序猿小卡 - 博客园
- browserify/path-browserify: The path module from Node.js for browsers
¥Performance Timing API
- Performance Timing API | Node.js v13.12.0 Documentation
¥Policies
- Policies | Node.js v13.12.0 Documentation
¥Process
- Process | Node.js v13.12.0 Documentation
- process | Node.js API 文档
- Node.js中环境变量process.env详解 - 流风,飘然的风 - 博客园
¥Punycode
- Punycode | Node.js v13.12.0 Documentation
¥Query String
- Query String | Node.js v13.12.0 Documentation
- Query String | Node.js v10.0.0 Documentation
- querystring | Node.js API 文档
¥Readline
- Readline | Node.js v13.12.0 Documentation
- Readline | Node.js v8.15.0 Documentation
- https://nodejs.org/dist/latest-v8.x/docs/api/readline.json
- Node.js之readline模块的使用 - 掘金
- 如何使用node.js的readline模块进行两次连续输入? - 问答 - 云+社区 - 腾讯云
¥REPL
- REPL | Node.js v13.12.0 Documentation
¥Diagnostic Report
- Diagnostic Report | Node.js v13.12.0 Documentation
¥Stream
- Stream | Node.js v13.12.0 Documentation
- 详解NodeJs流之一 - 掘金
- Node 深入Stream(1) - 掘金
- Node 深入Stream(2) - 掘金
¥String Decoder
- String Decoder | Node.js v13.12.0 Documentation
¥Timers
- Timers | Node.js v13.12.0 Documentation
¥TLS (SSL)
- TLS (SSL) | Node.js v13.12.0 Documentation
¥Trace Events
- Trace Events | Node.js v13.12.0 Documentation
¥TTY
- TTY | Node.js v13.12.0 Documentation
¥UDP/Datagram Sockets
- UDP/Datagram Sockets | Node.js v13.12.0 Documentation
¥URL
- URL | Node.js v13.12.0 Documentation
¥Util
- Util | Node.js v13.12.0 Documentation
- Util | Node.js v14.14.0 Documentation
¥V8
- V8 | Node.js v13.12.0 Documentation
¥VM (Executing JavaScript)
- VM (Executing JavaScript) | Node.js v13.12.0 Documentation
- VM (executing JavaScript) | Node.js v12.18.3 Documentation
- patriksimek/vm2: Advanced vm/sandbox for Node.js
- browserify/vm-browserify: require('vm') like in node but for the browser
¥WebAssembly System Interface (WASI)
- WebAssembly System Interface (WASI) | Node.js v13.12.0 Documentation
¥Worker Threads
- Worker Threads | Node.js v13.12.0 Documentation
¥Zlib
- Zlib | Node.js v13.12.0 Documentation
- Node.js ES2015/ES6, ES2016 and ES2017 support
Node.js frameworks
#MVC framework
less.js
- zhaotoday/less.js: A Node.js MVC framework based on Koa.js. 基于 Koa.js 的 Node.js MVC 框架。
- 参考 Egg.js 造了个轮子 - Less.js - 前端 - 掘金
- balderdashy/sails: Realtime MVC Framework for Node.js
- totaljs (Total.js)
- expressjs/expressjs.com
- jaredhanson/locomotive: Powerful MVC web framework for Node.js.
- totaljs/framework: Node.js framework
- flatiron/flatiron: framework components for node.js and the browser
- techpines/express.io: Realtime Micro Framework for Nodejs
- socketstream/socketstream: A framework for Realtime Web Apps
- geddy/geddy: Web framework for Node.js
#RPC framework
grpc-node
- grpc/grpc-node: gRPC for Node.js
#Template
NodeTemplate
- LLBTeam/NodeTemplate: node template project
- madhums/node-express-mongoose-demo: A simple demo app using node and mongodb for beginners
- sahat/hackathon-starter: A boilerplate for Node.js web applications
#内容管理框架
calipso
- cliftonc/calipso: Calipso is a simple NodeJS content management system based on Express, Connect & Mongoose.
strapi
- strapi/strapi: Node.js Content Management Framework (headless-CMS) to build powerful API with no effort.
- Strapi - Node.js Headless CMS for building customizable API.
connect
- senchalabs/connect: Connect is a middleware layer for Node.js
Egg.js
Egg.js core
- eggjs/egg: 🥚 Born to build better enterprise frameworks and apps with Node.js & Koa
- egg - Born to build better enterprise frameworks and apps
- egg - 为企业级框架和应用而生
Egg.js libs、plugins&tools
easyjs
- easy-team
- easy-team/egg-vue-webpack-boilerplate: Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
- easy-team/egg-react-webpack-boilerplate: Egg React Server Side Render(SSR) / Client Sider Render(CSR)
- easy-team/egg-view-vue-ssr: Egg Vue Server Side Render (SSR) Plugin
egg-sequelize
- eggjs/egg-sequelize: Sequelize for Egg.js
Egg.js 资源、整理集&FAQ
Egg.js 资源
Egg.js 整理集
《一文看懂 Eggjs-基础全面讲解》
- 一文看懂 Eggjs-基础全面讲解(上) - 掘金
- 一文看懂 Eggjs-基础全面讲解(中) - 掘金
- 一文看懂 Eggjs-基础全面讲解(下) - 掘金
- 一文看懂 Eggjs-基础全面讲解(完结) - 掘金
Egg.js FAQ
- 前后端全部用 js 开发是什么体验(Hybrid + Egg.js经验分享)
- egg 设置跨域白名单 - 掘金
- EggJS实现一个简易的链路日志,集成到kibana中 - 掘金
- 理解Egg.js中的多进程模型(egg-cluster) - 掘金
- Egg 编码实战 ---- 一个不断加需求的 API 实现之旅
- 基于 Egg.js 一步步搭建微信网关(一)
- 基于 Egg.js 一步步搭建微信网关(二)
- 使用 egg.js 定制业务 web 框架
easy-monitor
- hyj1991/easy-monitor: 轻量级实时 Node.js 内核性能监控分析工具
- X-Profiler
- Easy-Monitor
- Easy-Monitor 3.0 使用指南 · 语雀
Express
Express core
- expressjs/expressjs.com
- Express - Node.js web application framework
- Express 4.x - API Reference
- Express 4.x - API 参考
- Express 4.x - API 中文手册
- Express - 基于 Node.js 平台的 web 应用开发框架
- express 4.x Api 中文版-最新中文详细解释 - 简书
Express libs&tools
connect-mongo
- jdesboeufs/connect-mongo: MongoDB session store for Express
express-upload-progress
- zemirco/express-upload-progress: File uploading with Express.js and progress bar
express-ipfilter
- ryanbillingsley/express-ipfilter: A light-weight IP address based connection filtering system
express-mongoose-es6-rest-api
- kunalkapadia/express-mongoose-es6-rest-api: A boilerplate application for building RESTful APIs Microservice in Node.js using express and mongoose in ES6 with code coverage and JsonWebToken Authentication
generator
- expressjs/generator: Express' application generator
Express middlewares
#A-G
body-parser
- expressjs/body-parser: Node.js body parsing middleware
- body-parser - npm
- Express教程04:处理文件上传 - weixin_34259559的博客
cookie-session
- expressjs/cookie-session: Simple cookie-based session middleware
cors
- expressjs/cors: Node.js CORS middleware
csurf
- expressjs/csurf: CSRF token middleware
compression
- expressjs/compression: Node.js compression middleware
connect-flash
- jaredhanson/connect-flash: Flash message middleware for Connect and Express.
cookie-parser
- expressjs/cookie-parser: Parse HTTP request cookies
express-http-proxy
- express-http-proxy - npm
- villadora/express-http-proxy: Proxy middleware for express/connect
- `next()` is called twice when using skipToNextHandlerFilter · Issue #390 · villadora/express-http-proxy
- [#390] Kills extra call to next(). · villadora/express-http-proxy@c5660c2
- node.js - Express proxy API calls with cookie - Stack Overflow
- node.js - Error: unable to verify the first certificate in nodejs - Stack Overflow
express-mockjs
- 52cik/express-mockjs: mockjs api middleware for Express
express.static
- 利用 Express 托管静态文件
- express.static 作用及用法 - CSDN博客
- 【Node.js-3】express介绍、express-static处理静态文件请求、链式操作next()、中间件、cookie、session - CSDN博客
- Express的serve-static中间件的使用之五问 - CSDN博客
- express.static在生产环境下怎么设置? - CNode技术社区
- express.static在生产环境下怎么设置? - CNode技术社区
- express中static的目录设置 - CNode技术社区
- Express static静态路由 - Lawliet__zmz - 博客园
express-jwt
- auth0/express-jwt: connect/express middleware that validates a JsonWebToken (JWT) and set the req.user with the attributes
express-session
- expressjs/session: Simple session middleware for Express
express-validator
- express-validator/express-validator: An express.js middleware for validator.js.
- jaredhanson/connect-ensure-login: Login session ensuring middleware for Connect and Express.
express-rate-limit
- nfriedly/express-rate-limit: Basic rate-limiting middleware for express
- express-rate-limit - npm
- wyattjoh/rate-limit-redis: A rate limiting store for express-rate-limit with Redis
- linyows/rate-limit-memcached: A rate limiting store for express-rate-limit with Memcached
- 2do2go/rate-limit-mongo: A MongoDB store for express-rate-limit middleware
- rate-limit-redis - npm
- rate-limit-memcached - npm
- rate-limit-mongo - npm
#H-N
hbs
- pillarjs/hbs: Express view engine wrapper for Handlebars
helmet
- helmetjs/helmet: Help secure Express apps with various HTTP headers
- Helmet
morgan
- expressjs/morgan: HTTP request logger middleware for node.js
multer
- expressjs/multer: Node.js middleware for handling `multipart/form-data`.
- expressjs/method-override: Override HTTP verbs.
- madhums/node-view-helpers: expressjs view helper methods
- truongsinh/node-evercookie: This is a conenct/express middleware for evercookie.
#O-T
passwordless
- florianheinemann/passwordless: node.js/express module to authenticate users without password
- florianheinemann/passwordless-mongostore: Token store for Passwordless using MongoDB
swagger-express-middleware
- APIDevTools/swagger-express-middleware: Swagger 2.0 middlware and mocks for Express.js
- Swagger Express Middleware | Swagger 2.0 middlware and mocks for Express.js
- nutes-uepb/query-strings-parser: Middleware to transform query strings in a format that is recognized by the MongoDB, MySQL and other databases...
#U-Z
- express常用中间件 - 陈亚 - 博客园
- Express 中间件-前端开发博客
Express 资源、整理集&FAQ
- Node.js Express express.json and express.urlencoded with form submit - Stack Overflow
- Express 上传图片 - 前端 - 掘金
- 一杯茶的时间,上手 Express 框架开发 - 掘金
- 多维度分析 Express、Koa 之间的区别 - 掘金
- express 中的错误处理_qq_36391954的博客-CSDN博客
- node的express框架接收get/post请求时,参数获取方式 - 大豆F4 - 博客园
- fengshi123/express_project: 利用 express-generator 创建的 express 项目,包括数据库自执行脚本、express 与 mysql 的交互、express 日志记录、express 未捕获异常的处理等
- Express:模板引擎深入研究 - 知乎
fastify
fastify core
- fastify/fastify: Fast and low overhead web framework, for Node.js
fastify libs、plugins&tools
- fastify/fastify-compress: Fastify compression utils
fastify-rate-limit
- fastify/fastify-rate-limit: A low overhead rate limiter for your routes
point-of-view
- fastify/point-of-view: Template rendering plugin for Fastify
fastify 资源、整理集&FAQ
Hapi
- hapijs/hapi: The Simple, Secure Framework Developers Trust
- hapijs/cookie: Cookie authentication plugin
- hapi.dev - The simple, secure framework developers trust
- hapi.dev - 19.1.1 API Reference
- dwyl/hapi-auth-jwt2: Secure Hapi.js authentication plugin using JSON Web Tokens (JWT) in Headers, URL or Cookies
hexo
#hexo-theme
hexo-theme-next
- dongyuanxin/theme-bmw: 🔥What? A very simple but practical hexo-theme!
- iissnan/hexo-theme-next: Elegant theme for Hexo.
- theme-next/hexo-theme-next: Elegant and powerful theme for Hexo.
- NexT – Theme for Hexo
- 董沅鑫的个人网站
hexo-theme-material
- viosey/hexo-theme-material: Material Design theme for hexo.
- neoFelhz's Blog
hexo-theme-icarus
- ppoffice/hexo-theme-icarus: A simple, delicate, and modern theme for the static site generator Hexo.
- Icarus
hexo-theme-indigo
- yscoder/hexo-theme-indigo: 一个Material Design风格的Hexo主题。 https://imys.net/ 备用:
- Yusen's Blog | 学习弯道超车的技巧!
- Yusen's Blog | 学习弯道超车的技巧!
- LouisBarranqueiro/hexo-theme-tranquilpeak: A gorgeous responsive theme for Hexo blog framework
- probberechts/hexo-theme-cactus: A responsive, clean and simple theme for Hexo.
- ppoffice/hexo-theme-hueman: A redesign of Alx's wordpress theme hueman, ported to Hexo.
- hexojs/hexo-theme-landscape: A brand new default theme for Hexo.
- hexojs/hexo-theme-light: Default theme for Hexo
- luuman/hexo-theme-spfk: Hexo双栏博客主题仓库 Another simple and elegant theme for Hexo.
- ahonn/hexo-theme-even: A super concise theme for Hexo
- miccall/hexo-theme-Mic_Theme: hexo theme
- cofess/hexo-theme-pure: Hexo theme pure. It's a pure theme for Hexo.
- Haojen/hexo-theme-Anisina: A simple responsive , support qiniu image cdn theme for hexo https://haojen.github.io/
- fi3ework/hexo-theme-archer: a smart and modern theme for Hexo
- shenliyang/hexo-theme-snippet: Snippet 简洁而不简单,也许是一款你寻找已久的hexo主题
- ppoffice/hexo-theme-minos: A simple and retro styled Hexo theme, concentrated more on your ideas.
- Kaijun/hexo-theme-huxblog: Ported Theme of Hux Blog
- raytaylorlin/hexo-theme-raytaylorism: 一款Material Design风格的hexo主题
- wzpan/hexo-theme-freemind: Most powerful bootstrap theme for hexo.
- klugjo/hexo-theme-clean-blog: Hexo implementation of Clean Blog http://blackrockdigital.github.io/startbootstrap-clean-blog/index.html
- Molunerfinn/hexo-theme-melody: A simple & beautiful & fast theme for Hexo.
- Ben02/hexo-theme-Anatole: A white and simple Hexo theme, originated from a Farbox theme
- Mrminfive/hexo-theme-skapp: The hexo flat design theme(扁平化简约主题)
- yanm1ng/hexo-theme-vexo: 🍟 Vexo is a Hexo theme inspired by Vue's official website.
- klugjo/hexo-theme-alpha-dust: 🌠 Original Futuristic Hexo Theme
- chaooo/hexo-theme-BlueLake: A simple theme for Hexo with great performance on different devices .
- aircloud/hexo-theme-aircloud: A concise hexo theme
- iTimeTraveler/hexo-theme-hiero: An awesome magazine, blog theme for your Hexo site.
- Fechin/hexo-theme-diaspora: Hexo theme, Blog theme, Clean, Responsive theme
- kywk/hexo-theme-casper: Ghost Casper hexo port
- EYHN/hexo-theme-one: hexo单页面炫酷主题
- YenYuHsuan/hexo-theme-beantech: Ported theme of Hux Blog by Kaijun, Modified by YuHsuan
- litten/hexo-theme-yilia: 一个简洁优雅的hexo主题 A simple and elegant theme for hexo.
- pinggod/hexo-theme-apollo: a clean and delicate hexo theme
- hexojs/hexo: A fast, simple & powerful blog framework, powered by Node.js.
- jaredly/hexo-admin: An Admin Interface for Hexo
- EYHN/hexo-helper-live2d: Add the Sseexxyyy live2d to your hexo!
- Hexo
- 文档 | Hexo
- 五星推荐的系列文章清单 - 掘金
- 如何使用Github+Hexo快速搭建个人博客 - 掘金
- Hexo - 快速,轻量,强大的 Node.js 博客框架 - 梦想天空(山边小溪) - 博客园
Koa
#Koa core
- Koa.js
- koajs/koa: Expressive middleware for node.js using ES2017 async functions
- Home · koajs/koa Wiki
- guo-yu/koa-guide: koa guide in Chinese
- demopark/koa-docs-Zh-CN: Koa 文档的中文版本 , 更新至 v2.11.0 版本.
- koa2 · GitHub Topics
- Home · koajs/koa Wiki
- koajs/examples: Example Koa apps
- Koa - next generation web framework for node.js
- Koa (koajs) -- 基于 Node.js 平台的下一代 web 开发框架 | Koajs 中文文档
#Koa libs、middlewares、plugins&tools
#Koa middlewares
@koa/cors
- koajs/cors: Cross-Origin Resource Sharing(CORS) for koa
- @koa/cors - npm
- CORS原理及@koa/cors源码解析
@koa/multer
- koajs/multer: Middleware for handling `multipart/form-data` for koa, based on Express's multer.
compose
- koajs/compose: Middleware composition utility
csrf
- koajs/csrf: CSRF tokens for koa
compress
- koajs/compress: Compress middleware for koa
koa-body
- dlau/koa-body: koa body parser middleware
koa-bodyparser
- koajs/bodyparser: a body parser for koa
koa2-cors
- zadzbw/koa2-cors: CORS middleware for koa2
koa-json-error
- koajs/json-error: Error handler for pure-JSON apps
koa-multer
- koa-modules/multer: Middleware for handling `multipart/form-data` for koa, based on Express's multer.
koa-parameter
- koajs/parameter: parameter validate middleware for koa, powered by parameter
koa-router
- ZijianHe/koa-router: Router middleware for koa.
koa-rapid-router
- cevio/koa-rapid-router: fastest router for koa
- koa-rapid-router超越koa-router性能的100多倍 - 掘金
koa-static-cache
- koajs/static-cache: Static cache for koa
koa-static
- koajs/static: Static file server middleware
koa-views
- queckezz/koa-views: Template rendering middleware for koa (hbs, swig, pug, anything! )
logger
- koajs/logger: Development style logging middleware
mount
- koajs/mount: Mount other Koa applications or middleware to a given pathname
route
- koajs/route: Simple route middleware
session
- koajs/session: Simple session middleware for koa
send
- koajs/send: Transfer static files
- koa-modules
- koajs/is-json: check if a koa body should be interpreted as JSON
- HKUST-VISLab/koa-bodyparser-ts: a koa-bodyparser in typescript
- hirako2000/koa-router-multer: Minimalist Wrapper of multer, for koa-router
- nswbmw/koa-scheme: koa-scheme is a parameter validation middleware for koa.
- pkoretic/koa-static-server: Static file serving middleware for koa with directory, rewrite and index support
- janpieterz/koajs-static-folder: Middleware for KoaJS to serve folder as static files.
- Secbone/koa-static2: Middleware for Koa2 to serve a folder under a name declared by user
- ktmud/koa-spa: pushState friendly static file server, with koa
- brian9206/koa-json-error-handler: Koa JSON Error Handler Middleware
- creeperyang/koa-xml-body: koa middleware to parse xml request body
- venables/koa-json-body: Single-purpose koa middleware to parse valid JSON request bodies and nothing else.
- thomseddon/koa-body-parser: Parse the request body in koa like ya' used to in express
- koajs/trie-router: Trie-routing for Koa
- koajs/basic-auth: blanket basic auth middleware
- koajs/etag: ETag support for Koa responses
- koajs/error: Error response middleware (text, json, html)
koa-generator
- ykfe/koa-generator: Koa' application generator for 1.x and 2.x( Express-style and support all middlewares include async/await )
koa-hbs
- koajs/koa-hbs: Handlebars templates for Koa.js
quark-h5
- huangwei9527/quark-h5: 基于vue2 + koa2的 H5制作工具。让不会写代码的人也能轻松快速上手制作H5页面。类似易企秀、百度H5等H5制作、建站工具
- Vue + Koa从零打造一个H5页面可视化编辑器——Quark-h5
#Koa 资源、整理集&FAQ
Koa资源
- ellerbrock/awesome-koa: Awesome Koa.js Web Framework
- deepred5/learn-koa2: koa2源码分析
- (12 封私信 / 80 条消息) koa - 知乎
Koa整理集
《React + Koa 实现服务端渲染(SSR)》
- React + Koa 实现服务端渲染(SSR) - 掘金
- React + Koa 实现服务端渲染(SSR) Part II - 掘金
Koa FAQ
- Koa常见API - 掘金
- Koa2开发快速入门 - 掘金
- 看Koa框架源码,搞懂compose核心 - 掘金
- 个人React / Koa 项目上线——健身笔记 - 掘金
- 玩转Koa -- koa-bodyparser原理解析 - 掘金
- 谈谈Koa 中的next - 掘金
- koa源码浅析 - 掘金
- 用优雅的代码武装我们的koa2项目 - 掘金
- 一杯茶的时间,上手 Koa2 + MySQL 开发 - 掘金
- 如何更好地理解中间件和洋葱模型
- 深入理解洋葱模型中间件机制
- Koa源码浅析 - 前端开发 - SegmentFault 思否
- 读 koa2 源码后的一些思考与实践
- 关于koa2,你不知道的事
- 【新手向】Vue.js + Node.js(koa) 合体指南
kraken-js
- krakenjs/kraken-js: An express-based Node.js web application bootstrapping module.
keystonejs
- keystonejs/keystone: A scalable platform and CMS to build Node.js applications
- KeystoneJS
mkbug.js
- mkbug-com/mkbug.js: An OOP style nodejs web framework base on expressjs.
- Mkbug.js · A OOP style declare Nodejs framework base on Express.js!
Midway.js
- midwayjs/midway: 🍔 A Node.js Serverless Framework for front-end/full-stack developers. Build the application for next decade. Works on AWS, Alibaba Cloud, Tencent Cloud and traditional VM/Container. Super easy integrate with React and Vue. 🌈
- Midway.js
- 走近MidwayJS:初识TS装饰器与IoC机制
NestJS
NestJS core
module
- nestjs/serverless-core: Serverless Core module for Nest framework (node.js) 🦊
- nestjs/azure-serverless: Azure Serverless module for Nest framework (node.js) 🌩
- nestjs/terminus: Terminus module for Nest framework (node.js)
- nestjs/swagger: OpenAPI (Swagger) module for Nest framework (node.js)
- nestjs/typeorm: TypeORM module for Nest framework (node.js) 🍇
- nestjs/config: Configuration module for Nest framework (node.js) 🍓
- nestjs/mapped-types: Configuration module for Nest framework (node.js) 🐺
- nestjs/schedule: Schedule module for Nest framework (node.js) ⏰
- nestjs/passport: Passport module for Nest framework (node.js) 🔑
- nestjs/sequelize: Sequelize module for Nest framework (node.js) 🍈
- nestjs/mongoose: Mongoose module for Nest framework (node.js) 🍸
- nestjs/bull: Bull module for Nest framework (node.js)
- nestjs/elasticsearch: Elasticsearch module based on the official elasticsearch package 🌿
- nestjs/graphql: GraphQL (TypeScript) module for Nest framework (node.js) 🍷
- nestjs/jwt: JWT utilities module based on the jsonwebtoken package 🔓
- nestjs/cqrs: A lightweight CQRS module for Nest framework (node.js)
- nestjs/azure-database: Azure Database (Table Storage and more) module for Nest framework (node.js) ☁️
- nestjs/ng-universal: Angular Universal module for Nest framework (node.js) 🌷
- nestjs/azure-storage: Azure Storage module for Nest framework (node.js) ☁️
- @nestjs/core - npm
- @nestjs/testing - npm
- @nestjs/microservices - npm
- @nestjs/common - npm
- @nestjs/platform-express - npm
- @nestjs/platform-fastify - npm
- @nestjs/platform-ws - npm
- @nestjs/websockets - npm
- @nestjs/platform-socket.io - npm
- @nestjs/swagger - npm
- @nestjs/schematics - npm
- @nestjs/typeorm - npm
- @nestjs/passport - npm
- @nestjs/mongoose - npm
- @nestjs/jwt - npm
- @nestjs/terminus - npm
- @nestjs/graphql - npm
- @nestjs/cqrs - npm
- @nestjs/serve-static - npm
- @nestjs/elasticsearch - npm
- @nestjs/config - npm
- @nestjs/schedule - npm
- @nestjs/azure-database - npm
- @nestjs/sequelize - npm
- @nestjs/bull - npm
- nestjs
- nestjs/nest: A progressive Node.js framework for building efficient and scalable server-side applications on top of TypeScript & JavaScript (ES6, ES7, ES8) heavily inspired by Angular 😻🚀
- nestjs/nestjs.com: The official website https://nestjs.com 🏆
- nestjs/docs.nestjs.com: The official documentation https://docs.nestjs.com 📕
- nestcn/docs.nestjs.cn: nestjs 中文文档
- nestjs/nest-cli: CLI tool for Nest applications 🍹
- nestjs/courses.nestjs.com: Official NestJS Courses website https://courses.nestjs.com 🏡
- nestjs/enterprise.nestjs.com: The official website https://enterprise.nestjs.com 🌁
- @nestjs/cli - npm
- NestJS - A progressive Node.js framework
- Documentation | NestJS - A progressive Node.js framework
- Enterprise | NestJS - A progressive Node.js framework
- Nest.js 中文文档
- NestJS 简介 | NestJS 中文文档 | NestJS 中文网
- 秘籍 - Nest.js 中文文档
- 相关资料 - Nest.js 中文文档
NestJS libs、plugins&tools
azure-func-http
- nestjs/azure-func-http: Azure Functions HTTP adapter for Nest framework (node.js) 🌥
crud
- nestjsx/crud: NestJs CRUD for RESTful APIs
javascript-starter
- nestjs/javascript-starter: Nest framework JavaScript (ES6, ES7, ES8) + Babel starter 🍰
nestify
- ZhiXiao-Lin/nestify: 🚀 The rapid development framework for Node
nestjs-pino
- nestjs-pino - npm
next-progressbar
- lucleray/next-progressbar: Add a progress bar to next.js
nodepress
- surmon-china/nodepress: 😎 RESTful API service for Blog/CMS, powered by @nestjs
schematics
- nestjs/schematics: Nest architecture element generation based on Angular schematics 🎬
serve-static
- nestjs/serve-static: Serve static websites (SPA's) using Nest framework (node.js) 🥦
typescript-starter
- nestjs/typescript-starter: Nest framework TypeScript starter
- nestjsx
NestJS 资源、整理集&FAQ
NestJS 资源
- nest-cn-community
- dzzzzzy/Nestjs-Learning: nestjs 学习教程 ,跟我一起学习 nest 框架~
- juliandavidmr/awesome-nestjs: 😏 Curated list of NestJS
- NarHakobyan/awesome-nest-boilerplate: Awesome NestJS Boilerplate 😍, Typescript 💪, Postgres 🎉, TypeORM 🥳
- nartc/nest-mean: NestJS Tutorial Repository
- 学习路线参考 · Issue #6 · nest-cn-community/issues-box
- Nestify - Nest.js 开源生态系统
- [NestJS] 大前端Node层应用框架 之 NestJS英文官方文档解读笔记 (持续跟新ing - 掘金
- nestjs生态知多少?
- Ideas App - NestJS API 01 Introduction_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
- 基于TypeScript的NodeJs框架:NestJs开发博客API (node.js+nest.js)_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
- Nestjs教程_Nest入门视频教程(IT营大地)_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
- nest.js 封装/使用教程 · 语雀
NestJS 整理集
《Nest》
- Nest —— Controllers - 掘金
- Nest —— Providers - 掘金
- Nest —— Modules - 掘金
- Nest —— Middleware - 掘金
- Nest —— Exception filters - 掘金
- Nest —— Pipes - 掘金
- Nest —— Guards - 掘金
- Nest —— Interceptors - 掘金
- Nest —— Custom decorators - 掘金
- 【NestJS】Custom providers - 掘金
《Nest.js 5.0 系列教程》
- 1、Nest.js 项目搭建 - 简书
- 2、Nest.js 创建基本的REST控制器 - 简书
- 3、Nest.js 中的依赖注入与提供者 - 简书
- 4、Nest.js 中的模块化设计 - 简书
- 5、Nest.js 中的异常处理和AOP编程 - 简书
- 6、Nest.js 中的管道与验证器 - 简书
- 7、Nest.js 中的类验证器 - 简书
- 8、Nest.js 中的拦截器 - 简书
- 9、Nest.js 中的看守器 - 简书
- 10、Nest.js 中的全局模块和动态模块 - 简书
《NestJS 7.x 折腾记》
- NestJS 7.x 折腾记: (0) 起手式-> VS Code 1.5+ Debug NestJS
- NestJS 7.x 折腾记: (1) 项目初始化及常规提交门禁加入
- NestJS 7.x 折腾记: (2) 环境变量及配置维护
- NestJS 7.x 折腾记: (3) 采用nestjs-pino作为Nest logger
- NestJS 7.x 折腾记: (4) Swagger接入及相关用法
《Nest.js 从零到壹系列》
- Nest.js 从零到壹系列(一):项目创建&路由设置&模块
- Nest.js 从零到壹系列(二):使用 Sequelize 操作数据库
- Nest.js 从零到壹系列(三):使用 JWT 实现注册、登录
- Nest.js 从零到壹系列(四):使用中间件、拦截器、过滤器打造日志系统
- Nest.js 从零到壹系列(五):使用管道、DTO 验证入参,摆脱 if-else 的恐惧
- Nest.js 从零到壹系列(六):用 15 行代码实现 RBAC 0
- Nest.js 从零到壹系列(七):讨厌写文档,Swagger UI 了解一下?
- Nest.js 从零到壹系列(八):使用 Redis 实现登录挤出功能
《NestJs学习之旅》
- (...) NestJs学习之旅(1)——快速开始_程序开发 - SegmentFault 思否
- (...) NestJs学习之旅(2)——控制器_程序开发 - SegmentFault 思否
- (...) NestJs学习之旅(3)——服务提供者_程序开发 - SegmentFault 思否
- (...) NestJs学习之旅(4)——模块系统_程序开发 - SegmentFault 思否
- (...) NestJs学习之旅(5)——中间件_程序开发 - SegmentFault 思否
- (...) NestJs学习之旅(6)——异常处理_程序开发 - SegmentFault 思否
- (...) NestJs学习之旅(7)——路由守卫_程序开发 - SegmentFault 思否
- (...) NestJs学习之旅(8)——管道_程序开发 - SegmentFault 思否
- (...) NestJs学习之旅(9)——拦截器_程序开发 - SegmentFault 思否
《Nest.js学习之路》
- Nest.js学习之路(1)-开发环境准备 - 简书
- Nest.js学习之路(2)-使用nest.js CLI开始 - 简书
- Nest.js学习之路(3)-Module in nest.js - 简书
- Nest.js学习之路(4)-Controller in nest.js(上) - 简书
- Nest.js学习之路(5)-Controller读取Param、Query String及Body - 简书
- Nest.js学习之路(6)-Providers & Dependency Injection(上) - 简书
- Nest.js学习之路(7)-验证DTO属性-Pipe - 简书
- Nest.js学习之路(8)-Middleware in nest.js(上) - 简书
- Nest.js学习之路(9)-Exceptions in nest.js(上) - 简书
- Nest.js学习之路(10)-Exception in nest.js(下) - 简书
- Nest.js学习之路(11)-Guard(Authentication) in nest.js(上) - 简书
- Nest.js学习之路(12)-Guard in nest.js(Authorization) - 简书
- Nest.js学习之路(13)- Interceptor in nest.js - 简书
- Nest.js学习之路(14)- TypeORM库(1)存取 in nest.js(连接设置) - 简书
- Nest.js学习之路(15)-typeorm(2)新增数据 - 简书
- Nest.js学习之路(16)-typeorm(3)basic CRUD - 简书
- Nest.js学习之路(17)-TypeORM(4)设定一对多/多对一 - 简书
- Nest.js学习之路(18)-TypeORM(5)设定多对多 - 简书
- Nest.js学习之路(19)-TypeORM(6)Query Builder Select(上) - 简书
- Nest.js学习之路(20)-TypeORM(7)Query Builder Select(下) - 简书
- Nest.js学习之路(21)-TypeORM(8) RelationQueryBuilder(上) - 简书
- Nest.js学习之路(22)-TypeORM(9) RelationQueryBuilder(下)& Refactor - 简书
- Nest.js学习之路(23)-TypeORM(10) Embedded Entity及Entity Listener& Subscriber - 简书
- Nest.js学习之路(24)-Http Bearer Token保护API End Point-使用Passport - 简书
- Nest.js学习之路(25)-JSON Web Token(JWT)保护API Endpoint-使用Passport - 简书
- Nest.js学习之路(26)-用Nestjs Decorator建立Swagger API Doc - 简书
- Nest.js学习之路(27)-存取env变量使用dotenv-储存敏感信息 - 简书
- Nest.js学习之路(28)-用nestjs建立API Microservice(上) - 简书
- Nest.js学习之路(29)-用nestjs建立API Microservice(下)-REDIS、NATS as Messaging System - 简书
NestJS FAQ
- nestjs生态知多少? - 掘金
- typeorm列类型_蛐蛐的博客-CSDN博客
- nestjs[一例看懂中间件、守卫、管道、异常过滤器、拦截器]_墨水白云的博客-CSDN博客
- typeorm整理翻译_weixin_34341229的博客-CSDN博客
- (...) 从Express到Nestjs,谈谈Nestjs的设计思想和使用方法_个人文章 - SegmentFault 思否
- (...) 使用 NestJS 开发 Node.js 应用_漫漫长路 - SegmentFault 思否
nodemon
- remy/nodemon: Monitor for any changes in your node.js application and automatically restart the server - perfect for development
node-restify
- restify/node-restify: The future of Node.js REST development
PM2
pm2-logrotate
- keymetrics/pm2-logrotate: Automatically rotate all applications logs managed by PM2
- Unitech/pm2: Node.js Production Process Manager with a built-in Load Balancer.
- PM2 - Home
- pm2 实践指南 - 掘金
ThinkJS
- thinkjs/thinkjs: Use full ES2015+ features to develop Node.js applications, Support TypeScript.
- 介绍 - ThinkJS 文档
- ThinkJS - 使用 ES6/7 特性开发 Node.js 项目,支持 TypeScript
- KingPixil/wing: Minimal, Responsive CSS Framework
- NetEase/pomelo: A fast,scalable,distributed game server framework for Node.js.
- zhuyingda/veneno
- 2015年最佳的15个 Node.js 开发工具 - 梦想天空(山边小溪) - 博客园
- LoopBack – 开源的,可扩展的 Node.js 框架 - 梦想天空(山边小溪) - 博客园
Node.js libs、plugins&tools
¥authentication、加密、解密、加签&解签
#JSON Object Signing and Encryption,JOSE
#JSON Web Encryption,JWE
#JSON Web Key,JWK
#JSON Web Signatures,JWS
node-jws
- auth0/node-jws: JSON Web Signatures
- davedoesdev/node-jsjws: Node.js wrapper around jsrsasign (https://github.com/kjur/jsrsasign)
#JSON Web Token,JWT
node-jose
- cisco/node-jose
- anvilresearch/jose: JSON Object Signing and Encryption for Node.js and the browser
- teifip/node-webtokens: Simple, opinionated implementation of JWS and JWE compact serialization
- phish108/node-jose-tools: Command line tools for node-jose's features
#Node.js 密码强度
- nowsecure/owasp-password-strength-test: OWASP Password Strength Test for Node.js
Grant
- simov/grant: OAuth Proxy
keygrip
- crypto-utils/keygrip: Key signing and verification for rotated credentials
node-jsencrypt
- ArnaudValensi/node-jsencrypt: A port of JSEncrypt to NodeJS
oauth2orize
- jaredhanson/oauth2orize: OAuth 2.0 authorization server toolkit for Node.js.
passport
- jaredhanson/passport: Simple, unobtrusive authentication for Node.js.
- jaredhanson/passport-github: GitHub authentication strategy for Passport and Node.js.
- jaredhanson/passport-google-oauth: Google authentication strategies for Passport and Node.js.
- jaredhanson/passport-linkedin: LinkedIn authentication strategy for Passport and Node.js.
- jaredhanson/passport-local: Username and password authentication strategy for Passport and Node.js.
- jaredhanson/passport-twitter: Twitter authentication strategy for Passport and Node.js.
- bradtraversy/node_passport_login: Node.js login, registration and access control using Express and Passport
- jaredhanson/passport-facebook: Facebook authentication strategy for Passport and Node.js.
- node-saml/passport-saml: SAML 2.0 authentication with Passport
- mikenicholson/passport-jwt: Passport authentication using JSON Web Tokens
- manjeshpv/node-express-passport-mysql: Login Express + Passport + MySQL
- jaredhanson/passport-http-bearer: HTTP Bearer authentication strategy for Passport and Node.js.
permit
- ianstormtaylor/permit: An unopinionated authentication library for building Node.js APIs.
- jaredhanson/oauthorize: OAuth service provider toolkit for Node.js.
- davidwood/node-password-hash: Password hashing and verification for node.js
- Subash/mkcert: Create self signed ssl certificates without OpenSSL.
- joolfe/postman-util-lib: A crypto utility library to be used from Postman Pre-request and Tests script tabs.
- anvilresearch/webcrypto: W3C Web Cryptography API for Node.js
- nuxusr/Node.js---Amazon-S3: An S3 library for node.js. Supports automatic md5 of content, streaming, 100-continues, and very large files
- techjacker/node-version-assets: Version your static assets with MD5 hashes using node.js
- jeffbski/digest-stream: Simple node.js pass-through stream (RW) which calculates the a crypto digest (sha/md5 hash) of a stream and also the length. Pipe your stream through this to get digest and length. (streams2)
- alterebro/text2image: Text to Image Generator. Convert any String into a Gradient Image based on its MD5 hash value. JS / Canvas / PHP
¥configuration management system
ctrip-apollo-client
- lvgithub/ctrip-apollo-client: This is a client library for Apollo(A reliable configuration management system) written in Node.js.
- configuration-management · GitHub Topics
- configuration · GitHub Topics
- config-management · GitHub Topics
- distributed-configuration · GitHub Topics
¥debug、develop&deploy
ng-inspector
- rev087/ng-inspector: The AngularJS inspector pane for your browser
- ng-inspector for AngularJS
- ng-inspector首页、文档和下载 - AngularJS 的浏览器插件 - OSCHINA - 中文开源技术交流社区
pkg
- vercel/pkg: Package your Node.js project into an executable
- pkg - npm
¥environment variables
dotenv
- motdotla/dotenv: Loads environment variables from .env for nodejs projects.
- motdotla/dotenv-expand: Variable expansion for dotenv. Expand variables already on your machine for use in your .env file.
- rolodato/dotenv-safe: Load environment variables from .env and ensure they are all present
env2
- dwyl/env2: Simple environment variable (from config file) loader for your node.js app
nconf
- indexzero/nconf: Hierarchical node.js configuration with files, environment variables, command-line arguments, and atomic object merging.
node-config
- lorenwest/node-config: Node.js Application Configuration
¥flow-control
co
- tj/co: The ultimate generator based flow-control goodness for nodejs (supports thunks, promises, etc)
¥glob
fast-glob
- mrmlnc/fast-glob: It's a very fast and efficient glob library for Node.js
globby
- sindresorhus/globby: User-friendly glob matching
micromatch
- micromatch
matcher
- sindresorhus/matcher: Simple wildcard matching
minimatch
- isaacs/minimatch: a glob matcher in javascript
node-glob
- isaacs/node-glob: glob functionality for node.js
- Glob Patterns匹配模式使用 - 掘金
- glob-pattern · GitHub Topics
- glob · GitHub Topics
- glob (programming) - Wikipedia
¥Hook
cls-hooked
- Jeff-Lewis/cls-hooked: cls-hooked : CLS using AsynWrap or async_hooks instead of async-listener for node 4.7+
¥Headless
headless-recorder
- checkly/headless-recorder: Headless recorder is a Chrome extension that records your browser interactions and generates a Puppeteer or Playwright script.
playwright
- microsoft/playwright: Node.js library to automate Chromium, Firefox and WebKit with a single API
¥notification
- madhums/node-notifier: A simple node.js module to handle all the application level notifications (apple push notifications and mails)
¥NLP
nlp.js
- axa-group/nlp.js: An NLP library built in node over Natural, with entity extraction, sentiment analysis, automatic language identify, and so more
¥Test
antman
- open-node/antman: Debug node.js process by client REPL on net socket and is silent
- 小工具大帮手,利用 @open-node/antman 实现 node.js 进程线上调试,无须重启 - 知乎
fresh
- jshttp/fresh: HTTP request freshness testing
supertest
- visionmedia/supertest: 🕷Super-agent driven library for testing node.js HTTP servers using a fluent API.
taiko
- getgauge/taiko: A node.js library to automate chrome/chromium browser
- Taiko
volkswagen
- auchenberg/volkswagen: Volkswagen detects when your tests are being run in a CI server, and makes them pass.
¥UI
Ant Design of Angular
- NG-ZORRO/ng-zorro-antd: An enterprise-class UI components based on Ant Design and Angular. 🐜
- Ant Design of Angular - NG-ZORRO
- Ant Design of Angular - NG-ZORRO
- Ant Design of Angular - NG-ZORRO
¥可视化(Visualization)
#热力图
- substack/node-heatmap: canvas heatmaps in node.js and the browser
¥图片、文本&文档
#excel
excel4node
- natergj/excel4node: Node module to allow for easy Excel file creation
node-xlsx
- mgcrea/node-xlsx: NodeJS excel file parser & builder
Node-Excel-Export
- functionscope/Node-Excel-Export: A simple node.js module for exporting data set to Excel xlsx file.
xlsx-template
- optilude/xlsx-template: A NodeJS module to generate Excel files in .xlsx format from a template created with Excel itself
#img
sharp
- lovell/sharp: High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP and TIFF images. Uses the libvips library.
- Home - sharp
图像识别
- 制作一个Node命令行图像识别工具 - 掘金
node-archiver
- archiverjs/node-archiver: a streaming interface for archive generation
- archiver - npm
- Archiver Documentation
node-canvas
- Automattic/node-canvas: Node canvas is a Cairo backed Canvas implementation for NodeJS.
yazl
- thejoshwolfe/yazl: yet another zip library for node
¥命令行command-line、Interface、Options&SubOptions
args
- leo/args: Toolkit for building command line interfaces
- args - npm
blessed
- chjj/blessed: A high-level terminal interface library for node.js.
blessed-contrib
- yaronn/blessed-contrib: Build terminal dashboards using ascii/ansi art and javascript
chalk
- chalk/chalk: 🖍 Terminal string styling done right
commander.js
- tj/commander.js: node.js command-line interfaces made easy
colors.js
- Marak/colors.js: get colors in your node.js console
emoj
- sindresorhus/emoj: Find relevant emoji from text on the command-line
func
- unix/func: Modern Command Line Framework.
Inquirer.js
- SBoudrias/Inquirer.js: A collection of common interactive command line user interfaces.
- SBoudrias/Inquirer.js: A collection of common interactive command line user interfaces.
- mokkabonna/inquirer-autocomplete-prompt: Autocomplete prompt for inquirer
- faressoft/inquirer-checkbox-plus-prompt: Checkbox with autocomplete and other additions for Inquirer
- adam-golab/inquirer-select-line: Prompt for inquirer for inserting into array
- sullof/inquirer-command-prompt: A prompt with history management and autocomplete
- clinyong/inquirer-search-checkbox: Searchable Inquirer checkbox
- olistic/inquirer-prompt-suggest: Inquirer.js prompt for your less creative users
- HQarroum/inquirer-s3: An S3 object selector for Inquirer.
- anc95/inquirer-file-tree-selection: inquirer prompt for select a file or dir by file tree
- eduardoboucas/inquirer-table-prompt: A table-like prompt for Inquirer
- yaodingyd/inquirer-autosubmit-prompt: Auto submit prompt for Inquirer.js, saving your one extra enter
- LitoMore/inquirer-chalk-pipe: A inquirer plugin for input chalk-pipe style strings
- tannerntannern/inquirer-emoji: Emoji search and select prompt for inquirer
- adelsz/inquirer-fuzzy-path: Fuzzy file/directory search and select prompt for Inquirer.js
- DerekTBrown/inquirer-datepicker-prompt: Datepicker prompt for inquirer.js
- inquirer - npm
- inquirer.js —— 一个用户与命令行交互的工具_xhsdnn的专栏-CSDN博客
minimist
- substack/minimist: parse argument options
node-optimist
- substack/node-optimist: Light-weight option parsing for node.js
ora
- sindresorhus/ora: Elegant terminal spinner
shelljs
- https://github.com/shelljs/shelljs
- shelljs - npm
- ShellJS
svg-term-cli
- marionebl/svg-term-cli: Share terminal sessions via SVG and CSS
tasksfile
- pawelgalazka/tasksfile: Minimalistic task runner for node.js
vorpal
- dthree/vorpal: Node's framework for interactive CLIs
- Vorpal
yargs
- yargs/yargs: yargs the modern, pirate-themed successor to optimist.
z
- rupa/z: z - jump around
- command-line · GitHub Topics
- prompt · GitHub Topics
- interactive · GitHub Topics
- explainshell.com - match command-line arguments to their help text
- Node.js 命令行程序开发教程 - 阮一峰的网络日志
- 命令行批量截图Node脚本 - 掘金
- NodeJS和命令行程序 - 掘金
- Node CLI 工具的插件方案探索 - 掘金
- GitHub 60000+ Star:命令行的艺术
- 手把手教你写命令行工具 - 手把手教你学前端 - SegmentFault 思否
¥安全
#validation
fastest-validator
- icebob/fastest-validator: The fastest JS validator library for NodeJS
indicative
- poppinss/indicative: Indicative is a simple yet powerful data validator for Node.js and browsers. It makes it so simple to write async validations on nested set of data.
jayschema
- natesilva/jayschema: [Unmaintained] - A comprehensive JSON Schema validator for Node.js
revalidator
- flatiron/revalidator: A cross-browser / node.js validator powered by JSON Schema
validator.js
- guillaumepotier/validator.js: Powerful objects and strings validation in javascript for Node and the browser
- zrrrzzt/html-validator: A Node.js module for validating html using validator.w3.org/nu
safeify
- Houfeng/safeify: 让你的 Node 应用安全的隔离的执行非信任的用户自定义代码。
- safeify/DOC.md at master · Houfeng/safeify
¥请求、网络、客户端&服务端
¥Content-Type/MimeType
type-is
- type-is - npm
- jshttp/type-is: Infer the content-type of a request.
¥Content-Disposition
content-disposition
- jshttp/content-disposition: Create and parse HTTP Content-Disposition header
¥FTP
jsftp
- sergi/jsftp: Light and complete FTP client implementation for Node.js
node-ftp
- mscdex/node-ftp: An FTP client module for node.js
¥JWT
node-jsonwebtoken
- auth0/node-jsonwebtoken: JsonWebToken implementation for node.js http://self-issued.info/docs/draft-ietf-oauth-json-web-token.html
- jshttp/basic-auth: Generic basic auth Authorization header field parser
- ghaiklor/passport-github-token: Passport strategy for authenticating with GitHub via OAuth2 access tokens
- JSON Web Token (JWT)
- JSON Web Token 入门教程 - 阮一峰的网络日志
- Vue项目 使用拦截器和JWT验证 完整案例 - 掘金
¥Mock
faker.js
- Marak/faker.js: generate massive amounts of realistic fake data in Node.js and the browser
mock-require
- boblauer/mock-require: Simple, intuitive mocking of Node.js modules.
mockery
- mfncooper/mockery: Simplifying the use of mocks with Node.js
nock
- nock/nock: HTTP server mocking and expectations library for Node.js
¥Network&Proxy
bent
- mikeal/bent: Functional JS HTTP client (Node.js & Fetch) w/ async await
cross-fetch
- lquixada/cross-fetch: Universal WHATWG Fetch API for Node, Browsers and React Native.
http-parser-js
- creationix/http-parser-js: A pure JS HTTP parser for node.
http-proxy
- http-proxy - npm
http-errors
- jshttp/http-errors: Create HTTP Errors
http-assert
- jshttp/http-assert: assert with status codes
http-proxy-middleware
- chimurai/http-proxy-middleware: The one-liner node.js http-proxy middleware for connect, express and browser-sync
- webpack proxy axios create-react-app - zhuojianhai88的专栏 - CSDN博客
- create-react-app 开发时代理转发设置 - 简书
- react配置多个代理,跨域 - 简书
- react.js - create-react-app设置多个域跨域 - SegmentFault 思否
- create-react-app 构建的项目使用代理 proxy - zhourongcode - 博客园
- 13.create-react-app 构建的项目使用代理 proxy - 大耳朵小虎 - 博客园
- react配置多个代理,跨域_码神岛
isomorphic-fetch
- matthew-andrews/isomorphic-fetch: Isomorphic WHATWG Fetch API, for Node & Browserify
live-server
- tapio/live-server: A simple development http server with live reload capability.
modelproxy
- papertiger8848/modelproxy: Model your proxy as you like.
needle
- tomas/needle: Nimble, streamable HTTP client for Node.js. With proxy, iconv, cookie, deflate & multipart support.
node-fetch
- bitinn/node-fetch: A light-weight module that brings window.fetch to Node.js
- node-fetch/node-fetch: A light-weight module that brings the Fetch API to Node.js
- Node Fetch
node-portfinder
- http-party/node-portfinder: A simple tool to find an open port or domain socket on the current machine
node-http-proxy
- http-party/node-http-proxy: A full-featured http proxy for node.js
node-static
- cloudhead/node-static: rfc 2616 compliant HTTP static-file server module, with built-in caching.
reverse proxy
redbird
- OptimalBits/redbird: A modern reverse proxy for node
¥Protocols
http-streaming
- videojs/http-streaming: HLS, DASH, and future HTTP streaming protocols library for video.js
高级消息队列协议(Advanced Message Queuing Protocol,AMQP)
- Home | AMQP
¥Request
#FormData
node-formidable
- node-formidable/node-formidable: A node.js module for parsing form data, especially file uploads.
asker
- nodules/asker: http.request wrapper with gzip, request retries and http.Agent tuning
busboy
- cojs/busboy: Busboy multipart parser as a yieldable
co-body
- cojs/co-body: Parse request bodies with co
got
- sindresorhus/got: 🌐 Human-friendly and powerful HTTP request library for Node.js
raw-body
- stream-utils/raw-body: Get and validate the raw body of a readable stream
¥Response
clone-response
- clone-response - npm
¥Serve&Server
http-server
- http-party/http-server: a simple zero-configuration command-line http server
- @itemsjs/http-server - npm
- @huangzj/http-server - npm
jsonplaceholder
- typicode/jsonplaceholder: A simple online fake REST API server
- JSONPlaceholder - Fake online REST API for developers
json-server
- typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously)
serve-handler
- zeit/serve-handler: The foundation of `serve` and static deployments on Now
- serve-handler - npm
serve
- zeit/serve: Static file serving and directory listing
- tj/serve: Simple command-line file / directory server built with connect - supports stylus, jade, etc
- expressjs/serve-static: Serve static files
- serve - npm
server
- franciscop/server: Simple and powerful server for Node.js
- Server.js
¥SSH 库
node-ssh
- steelbrain/node-ssh: SSH2 with Promises
- node-ssh - npm
ssh2
- mscdex/ssh2: SSH2 client and server modules written in pure JavaScript for node.js
¥SMTP
emailjs
- eleith/emailjs: html emails and attachments to any smtp server with nodejs
- EmailVerify/email-verify: Node.js email SMTP verification, powered by EmailChecker.com API
¥STOMP
- stomp-js/stompjs: Javascript and Typescript Stomp client for Web browsers and node.js apps
- stomp-js/stomp-websocket: Stomp client for Web browsers and node.js apps
- stomp-js/ng2-stompjs: Angular 6 and 7 - Stomp service over Websockets
- 472647301/react-native-byron-stomp: 适用于react-native的stompjs
- loming/react-stompjs: React websocket High Order Component with @stomp/stompjs (V5) over SockJS
- HupuInc/stompjs-proxy: Stomp websocket proxy, for Stomp.js
- z-hao-wang/stompjs-nodejs: stompjs for nodejs wrapper with typing support and auto connect
- ye0nyu/vue-stomp-operator: Vue Stomp and SockJS wrapper plugin
- @stomp/stompjs - npm
- react-stompjs-client - npm
- STOMP 客户端 API 整理_firejq 的博客-CSDN博客
¥TCP/IP/Gateway/Geolocation
@apollo/gateway
- @apollo/gateway - npm
js-ipfs
- ipfs/js-ipfs: IPFS implementation in JavaScript
- miaoski/ipfs-tutorial: IPFS 筆記和教學 (繁體中文)
- redacademy/vue-ethereum-ipfs: Distributed Application Starter: Vue front-end, Ethereum / IPFS Backend
node-ip
- indutny/node-ip: IP address tools for node.js
- node-ip - npm
- ip - npm
- gateway · GitHub Topics
- cnwhy/lib-qqwry: 用NodeJS解析纯真IP库(QQwry.dat) 支持IP段查询
- sindresorhus/public-ip: Get your public IP address - very fast!
- sindresorhus/public-ip-cli: Get your public IP address
- sindresorhus/internal-ip-cli: Get your internal IP address
- silverwind/default-gateway: Get the default network gateway, cross-platform.
- beaugunderson/ip-address: 💻 a library for parsing and manipulating IPv4 and IPv6 addresses in JavaScript
- internal-ip - npm
- proxy-addr - npm
- address - npm
- ipaddr.js - npm
- ip-regex - npm
- public-ip - npm
- dev-ip - npm
- ip-address - npm
- url-parse-lax - npm
- netmask - npm
- is-ip - npm
- ipware - npm
- geo-from-ip - npm
- request-ip - npm
- ip-cidr - npm
- ng-ip-address - npm
- rangecalc - npm
- maxmind - npm
- set-ip-address - npm
- node-where - npm
- node-iplocate - npm
¥统一资源标识符(Uniform Resource Identifier,URI)&统一资源定位符(Uniform Resource Location,URL)
urlencode
- urlencode - npm
url-pattern
- snd/url-pattern: easier than regex string matching patterns for urls and other strings. turn strings into data or data into strings.
- IonicaBizau/parse-path: Parse paths (local paths, urls: ssh/git/etc)
¥上传
- Turistforeningen/node-s3-uploader: Flexible and efficient resize, rename, and upload images to Amazon S3 disk storage. Uses the official AWS Node SDK for transfer, and ImageMagick for image processing. Support for multiple image versions targets.
¥日志
jaeger
- jaegertracing/jaeger: CNCF Jaeger, a Distributed Tracing Platform
- Jaeger: open source, end-to-end distributed tracing
winston
- winstonjs/winston: A logger for just about everything.
zipkin
- openzipkin/zipkin: Zipkin is a distributed tracing system
- OpenZipkin · A distributed tracing system
- Node 服务中如何更好地打日志
pino
- pinojs/pino: 🌲 super fast, all natural json logger 🌲
- Readme
log4js-node
- log4js-node/log4js-node: A port of log4js to node.js
¥数据处理&数据优化
#buffer
clone-buffer
- clone-buffer - npm
bufferhelper
- JacksonTian/bufferhelper: Concat buffer correctly and easily.
#node-rate-limiter
node-rate-limiter-flexible
- animir/node-rate-limiter-flexible: Node.js rate limiter by key and protection from DDoS and Brute-Force attacks in process Memory, Redis, MongoDb, Memcached, MySQL, PostgreSQL, Cluster or PM
- jhurliman/node-rate-limiter: A generic rate limiter for node.js. Useful for API clients, web crawling, or other tasks that need to be throttled
#stream
node-stream-throttle
- tjgq/node-stream-throttle: A rate limiter for node.js streams.
- stream-utils
bytes.js
- visionmedia/bytes.js: node byte string parser
node-throttle
- TooTallNate/node-throttle: Node.js Transform stream that passes data through at `n` bytes per second
node-brake
- substack/node-brake: throttle a stream with backpressure
parameter
- node-modules/parameter: A parameter verify tools.
- tj/node-only: return whitelisted properties of an object
- jieter/Leaflet.Sync: Synchronized view of two maps.
¥代码&语法
#lambda
node-lambda
- motdotla/node-lambda: Command line tool to locally run and deploy your node.js application to Amazon Lambda
- mentum/lambdaws-instant-api: Create scalable and distributed API endpoints from any Javascript function
generator-node
- yeoman/generator-node: Create a Node.js module
import-local
- sindresorhus/import-local: Let a globally installed package use a locally installed version of itself if available
isolated-vm
- laverdet/isolated-vm: Secure & isolated JS environments for nodejs
jsdom
js-symbol-tree
- jsdom/js-symbol-tree: Turn any collection of objects into its own efficient tree or linked list using Symbol
- jsdom/jsdom: A JavaScript implementation of the WHATWG DOM and HTML standards, for use with node.js
jstransformer
- jstransformers/jstransformer: Normalize the API of any JSTransformer.
- jstransformer - npm
looks-same
- gemini-testing/looks-same: Node.js library for comparing images
lowjs
- neonious/lowjs: A port of Node.JS with far lower system requirements. Community version for POSIX systems such as Linux, uClinux or Mac OS X.
npm-dom
- npm-dom
node-DeepSpeech
- teamthesol/node-DeepSpeech: We provides 'Node' functions for easy use of 'Mozilla/DeepSpeech' STT.
node-libs-browser
- webpack/node-libs-browser: [DEPRECATED] The node core libs for in browser usage.
tink
- npm/tink: a dependency unwinder for javascript
- llafuente/class: Class system for nodejs (ES5 required, could work on new browsers). Provide a proper clean wait to deal with spagetti code that usually polute Javascript. Also provide a proper typeof and instanceof.
¥系统操作
#distributed
bull
- OptimalBits/bull: Premium Queue package for handling distributed jobs and messages in NodeJS.
#job scheduler
bree
- breejs/bree: The best job scheduler for Node.js and JavaScript with cron, dates, ms, later, and human-friendly support. Works in Node v10+ and browsers, uses workers to spawn sandboxed processes, and supports async/await, retries, throttling, concurrency, and graceful shutdown. Simple, fast, and lightweight. Made for @ForwardEmail and @ladjs.
node-cron
- kelektiv/node-cron: Cron for NodeJS.
- node-cron/node-cron: A simple cron-like job scheduler for Node.js
node-schedule
- node-schedule/node-schedule: A cron-like and not-cron-like job scheduler for Node.
node-convict
- mozilla/node-convict: Featureful configuration management library for Node.js
- sindresorhus/open: Open stuff like URLs, files, executables. Cross-platform.
- nathankellenicki/node-poweredup: A Javascript module to interface with LEGO Powered Up components.
- shark-cleaner: 一个Node Cli 实现的垃圾清理工具(深层清理开发垃圾) - 掘金
¥存储
#高速缓存(Caching)
node-cache-manager
- BryanDonovan/node-cache-manager: Cache module for Node.JS
- dial-once/node-cache-manager-redis: Node cache store for Redis
- dabroek/node-cache-manager-redis-store: Redis store for node-cache-manager using node_redis.
- dabroek/node-cache-manager-ioredis: Redis store for node-cache-manager using IORedis.
- v4l3r10/node-cache-manager-mongodb: Node cache store for MongoDb
- disjunction/node-cache-manager-mongoose: node cache manager store for mongoose
- hotelde/node-cache-manager-fs: Node Cache Manager store for filesystem
- sheershoff/node-cache-manager-fs-binary: Node Cache Manager store for filesystem with faster binary data stored as separate files
- rolandstarke/node-cache-manager-fs-hash: Node Cache Manager store for filesystem that saves the data in a file named with the hash of the key
- marudor/node-cache-manager-hazelcast: Node Cache Manager for Hazelcast
- theogravity/node-cache-manager-memcached-store: memcached impl for node-cache-manager
- theogravity/node-cache-manager-memory-store: Simple in-memory store for node-cache-manager. Mainly used for unit testing purposes.
#本地连续存储(Continuation-Local Storage,CLS)
node-continuation-local-storage
- othiym23/node-continuation-local-storage: implementation of https://github.com/joyent/node/issues/5243
- puzpuzpuz/cls-rtracer: Request Tracer - CLS-based request id generation for Express, Fastify, Koa and Hapi, batteries included
- aigoncharov/cls-proxify: Logging on steroids with CLS and Proxy. Integrated with express, koa, fastify.
#局部线程存储(Thread-local Storage)
cookies
- pillarjs/cookies: Signed and unsigned cookies based on Keygrip
increase-memory-limit
- endel/increase-memory-limit: Increase memory limit for local node binaries ("max-old-space-size")
node-client-sessions
- mozilla/node-client-sessions: secure sessions stored in cookies
node-localstorage
- lmaccherone/node-localstorage: A drop-in substitute for the browser native localStorage API that runs on node.js.
tough-cookie
- salesforce/tough-cookie: RFC6265 Cookies and CookieJar for Node.js
¥文件操作
#path
- jbgutierrez/path-parse: Node.js path.parse() ponyfill
#require
aliasify
- benbria/aliasify: Rewrite require calls in browserify modules.
- troygoode/node-require-directory: Recursively iterates over specified directory, requiring each file, and returning a nested hash structure containing those libraries.
- aseemk/requireDir: Node.js helper to require() directories.
- felixge/node-require-all: An easy way to require all files within a directory.
- Rush/link-module-alias: Register aliases of directories and custom module paths in Node - no require hook
- ricardobeat/require-tree: require multiple files and directories at once
- sindresorhus/resolve-cwd: Resolve the path of a module like `require.resolve()` but from the current working directory
- balderdashy/include-all: An easy way to include all files within a directory. Note: This is a fork of felixge's require-all which allows for optional includes.
- sindresorhus/import-cwd: Import a module like with `require()` but from the current working directory
- Gaafar/pkg-require: require node files relative to your package directory
- mikeal/requirein: A require() that works in a specified directory.
- alykoshin/require-dir-all: Yet another Node.js helper to require all files in directory
- ilearnio/module-alias: Register aliases of directories and custom module paths in Node
#read、write、copy、move&delete
copy
- jonschlinkert/copy: Copy files using glob patterns. Sync, async, promise or streams. (node.js utility)
clone-stats
- clone-stats - npm
copy-concurrently
- npm/copy-concurrently: Promises of copies of files, directories and symlinks, with concurrency controls and win32 junction fallback.
- copy-concurrently - npm
fs-copy-file-sync
- fs-copy-file-sync - npm
node-fs-extra
- jprichardson/node-fs-extra: Node.js: extra methods for the fs object like copy(), remove(), mkdirs()
- jdxcode/fs-extra-debug: Monitor fs-extra calls. Uses the debug module.
- cadorn/mfs: Monitor your calls to node-fs-extra.
- node-fs-extra - npm
- fs-extra - npm
- fs | Node.js API 文档
- node-"fs-extra"模块代替fs使用 - weixin_33968104的博客 - CSDN博客
- [包计划] node-fs-extra - 伤口上撒糖 - 博客园
- nodejs文件操作扩展fs-extra - 云+社区 - 腾讯云
- fs-extra模块简要使用说明 | 空谷幽兰
- atao60/fse-cli: A cli for fs-extra
node-klaw
- jprichardson/node-klaw: A Node.js file system walker with a Readable stream interface. Extracted from fs-extra.
- manidlou/node-klaw-sync: Node.js recursive synchronous fast file system walker
- joliss/node-walk-sync: List directory contents recursively
node-mkdirp
- substack/node-mkdirp: Recursively mkdir, like `mkdir -p`, but in node.js
ncp
- ncp - npm
- AvianFlu/ncp: Asynchronous recursive file copying with Node.js.
- txs1992/node-copy-files: 🚀 Node-based library for copying files;基于 Node 一个复制文件或目录的库,大小不足 1 KB。
- calvinmetcalf/copyfiles: copy files on the command line
- dudada/copyFile: nodejs 编写的复制文件命令
- dujuncheng/copy: 用node 遍历拷贝文件夹
- Joyceandlee/operationDir: fs模块实现文件及文件夹的删除,拷贝,扁平化
- coderaiser/fs-copy-file: Nodejs fs.copyFile ponyfill
- coderaiser/fs-readdir-with-file-types: fsPromises.readdir withFileTypes ponyfill https://nodejs.org/dist/latest-v10.x/docs/api/fs.html#fs_fspromises_readdir_path_options
- coderaiser/fs-copy-file-sync: Nodejs fs.copyFileSync ponyfill
- coderaiser/fs-readdir-sync-with-file-types: fs.readdirSync withFileTypes ponyfill https://nodejs.org/dist/latest-v10.x/docs/api/fs.html#fs_fs_readdirsync_path_options
- sindresorhus/make-dir: Make a directory and its parents if needed - Think `mkdir -p`
- sindresorhus/make-dir-cli: Make directories and their parents if needed - Like `mkdir -p`, but cross-platform
- sindresorhus/cpy: Copy files
- sindresorhus/cpy-cli: Copy files
- sindresorhus/move-file: Move a file - Even works across devices
- siarheidudko/receive-file: This is the download file function for nodejs.
- itvincent-git/fast-delete: FastDelete是一个快速删除文件夹的工具,基于nodejs里文件操作的强大性能。特别是文件夹里存在大量小文件的情况下,FastDelete能够比Windows的删除操作快上十倍。
#tree
broccoli-merge-trees
- broccoli-merge-trees - npm
ctree-cli
- ggwork/ctree-cli: The solution to list the contents of directories in a tree-like format
- ctree-cli - npm
merge-trees
- merge-trees - npm
- jrainlau/filemap: A tool for creating files structure tree map.
chokidar
- paulmillr/chokidar: An efficient wrapper around node.js fs.watch / fs.watchFile / FSEvents
Datash
- datash/datash: Send and Receive files directly from your browser
- Datash
file-type
- sindresorhus/file-type: Detect the file type of a Buffer/Uint8Array
- file-type - npm
node-graceful-fs
- isaacs/node-graceful-fs: fs with incremental backoff on EMFILE
npkill
- voidcosmos/npkill: List any node_modules directories in your system, as well as the space they take up. You can then select which ones you want to erase to free up space.
node-useref
- digisfera/useref: Parse build blocks in HTML files to replace references
- arthurintelligence/node-fs-filesystem: NodeJS Filesystem Utility
¥开发C++
libuv
- libuv/libuv: Cross-platform asynchronous I/O
- libuv | Cross-platform asynchronous I/O
- Welcome to the libuv documentation — libuv documentation
node-gyp
- nodejs/node-gyp: Node.js native addon build tool
nan
- nodejs/nan: Native Abstractions for Node.js
node-addon-api
- nodejs/node-addon-api: Module for using N-API from C++
- readthedocs/readthedocs.org: The source code that powers readthedocs.org
- 首页 | Read the Docs
- 将C++代码加载到JavaScript中 - 掘金
¥语义化版本说明
node-semver
- npm/node-semver: The semver parser for node (the one npm uses)
- zeeshanu/dumper.js: A better and pretty variable inspector for your Node.js applications
- ksky521/nodeppt: This is probably the best web presentation tool so far!
Node.js projects
#Node.js 服务端渲染(SSR)
- node服务端渲染(完整demo) - 掘金
#微服务
《教你用node从零搭建一套微服务系统》
- 教你用node从零搭建一套微服务系统(一)_个人文章 - SegmentFault 思否
- 教你用node从零搭建一套微服务系统(二) - 个人文章 - SegmentFault 思否
- 教你用node从零搭建一套微服务系统(三) - 个人文章 - SegmentFault 思否
- 教你用node从零搭建一套微服务系统(四) - 个人文章 - SegmentFault 思否
- burning0xb/common-service
- burning0xb/node-service-common: 这是一个微服务通用节点
- burning0xb/node-service-order: 这是一个微服务订单节点
- burning0xb/node-service-account: 这是一个微服务账户节点
- burning0xb/api-rest
blog-node
- biaochenxuying/blog-node: 基于 node + express + mongodb 的博客网站后台
instagram-private-api
- dilame/instagram-private-api: NodeJS Instagram private API client. Written in TypeScript.
Node.js to browser
- bokub/lyo: 📦 Node.js to browser - The easy way
ncc
- zeit/ncc: Node.js Compiler Collection
node-elm
- bailicangdu/node-elm: 基于 node.js + Mongodb 构建的后台系统
node-fs
- bailicangdu/node-fs: 基于node搭建的文件/图片管理系统
node-red
- node-red/node-red: Low-code programming for event-driven applications
nodeMirror
- soliton4/nodeMirror: node.js + CodeMirror = powerful ide
Node-Media-Server
- illuspas/Node-Media-Server: A Node.js implementation of RTMP/HTTP-FLV/WS-FLV/HLS/DASH/MP4 Media Server
Throttle
- dmolsen/Throttle: Throttle is a simple node.js app that makes it easier to test how a website performs on poor network connections. For example, testing a responsive website on a poor 3G connection without actually having to have a poor 3G connection. Sim
- dmolsen.com
- Requarks/wiki: Wiki.js | A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown
- answershuto/Rental: 🏠 Rental app base on Node.js
- johntitus/node-horseman: Run PhantomJS from Node
- erhutime/MsgAllTime: 演示项目
- Nirongxu/nodePlatform-eggjs: 基于egg.js编写的node平台
- ruralist-siyi/koa2-mysql-sequelize-JWT: Node.js、koa2、sequelize and mysql、log4js、JWT ;Node.js全栈实战开发;前端taro实现了一个目标记录的weapp;
- lifenglei/my-story: 一个学习node的练手项目 node+mysql+vue
- yenly/foamy-nextjs: Basic Foam + NextJS with MDX starter for building a digital garden
- pipiliang/docker-dashboard: Console based docker dashboard.
- 用Node+wechaty写一个爬虫脚本每天定时给女(男)朋友发微信暖心话 - 掘金
- NodeJS全栈开发一个功能完善的Express项目(附完整源码)
- 从 0 到 1 node 项目管理系统: Gitlab Api
- NodeBB – 基于 Node.js 的开源论坛系统 - 梦想天空(山边小溪) - 博客园
- Node.js 搭建一个 API 接口服务(实战)
Node.js 资源、整理集&FAQ
¥Node.js 资源
Nodejs-Roadmap
- qufei1993/Nodejs-Roadmap: 【Nodejs-Roadmap】侧重于 Node.js 服务端的开发指南,公众号 “Nodejs技术栈”
- soliury/noder-react-native: The mobile app of cnodejs.org written in React Native
- Node.js技术栈
- 五月君的动态
- nodejs · GitHub Topics
- node · GitHub Topics
- sindresorhus/awesome-nodejs: Delightful Node.js packages and resources
- gamedilong/awesome-nodejs-cn: nodejs优秀资源集
- Pines-Cheng/awesome-nodejs-cn: Nodejs 资源大全中文版,正在翻译中。。。
- ElemeFE/node-interview: How to pass the Node.js interview of ElemeFE.
- nodejs/node-eps: Node.js Enhancement Proposals for discussion on future API additions/changes to Node core
- typescript-cheatsheets/node: (seeking maintainers) Cheatsheets for experienced Node.js developers getting started with TypeScript
- blogfoster/blogfoster-scripts: Single-command, zero-config tooling for Node.js projects
- nswbmw/node-in-debugging: 《Node.js 调试指南》
- nswbmw/N-blog: 《一起学 Node.js》
- goldbergyoni/nodebestpractices: The Node.js best practices list (July 2020)
- NoderSurvey/reporters: Node.js 开发者报告
- 脚手架的开发总结 - 掘金
- 一篇文章构建你的 NodeJS 知识体系 - 掘金
- 轻量级配置中心Nodejs版 - 掘金
- 「万字整理 」这里有一份Node.js入门指南和实践,请注意查收 ❤️ - 掘金
- node.js中文资料导航_node-js,资源分享_whqet-CSDN博客
- 【入门必备】最佳的 Node.js 学习教程和资料书籍 - 梦想天空(山边小溪) - 博客园
- 24个很赞的 Node.js 免费教程和在线指南 - 梦想天空(山边小溪) - 博客园
- 【干货分享】Node.js 中文资料导航 - 梦想天空(山边小溪) - 博客园
- 【特别推荐】Node.js 入门教程和学习资源汇总 - 梦想天空(山边小溪) - 博客园
- NodeX Component - 滴滴集团 Node.js 生态组件体系
- Node.js 入门 / 第一个示例程序 hello world - 汇智网
- chyingp/nodejs-learning-guide: Nodejs学习笔记以及经验总结,公众号"程序猿小卡"
- i5ting/How-to-learn-node-correctly: [全文]如何正确的学习Node.js
¥Node.js 整理集
《node基础与开发web程序》
- node基础---01异步和事件触发 - 掘金
- node基础---02DIRT程序 - 掘金
- node基础---03node编程基础 - 掘金
- node开发web程序---04构建node web程序 - 掘金
- node开发web程序---05存储node程序的数据 - 掘金
- node开发web程序---06Connect - 掘金
《node.js搭建接口》
- node.js搭建接口(一):使用express搭建服务器_前端啥也不懂-CSDN博客
- node.js搭建接口(二):Node-连接MongoDB数据库_前端啥也不懂-CSDN博客
- node.js搭建接口(三):Node-搭建路由和数据模型_前端啥也不懂-CSDN博客
- node.js搭建接口(四):Node-搭建注册接口并存储数据_前端啥也不懂-CSDN博客
- node.js搭建接口(五):Node-搭建登录接口_前端啥也不懂-CSDN博客_node登录接口
- node.js搭建接口(六):Node-使用jwt实现token_前端啥也不懂-CSDN博客
- node.js搭建接口(七):Node-使用passport-jwt验证token_前端啥也不懂-CSDN博客
- node.js搭建接口(八):Node-使用validator验证用户信息_前端啥也不懂-CSDN博客_node validator
- node.js搭建接口(九):Node-使用中间件实现跨域_前端啥也不懂-CSDN博客_node中间件解决跨域
- node.js搭建接口(十):Node-为数据库搭建高级数据模型_前端啥也不懂-CSDN博客
- node.js搭建接口(十一):Node-获取和存入当前登录用户的个人信息_前端啥也不懂-CSDN博客
- node.js搭建接口(十二):Node-删除信息接口_前端啥也不懂-CSDN博客
《nodejs --- 融会贯通》
- nodejs --- 融会贯通 (一)
- nodejs --- 融会贯通 (二)
- nodejs --- 融会贯通 (三)
《Nodejs教程》
- Nodejs教程01:Nodejs简介 - 掘金
- Nodejs教程02:response.write - 掘金
- Nodejs教程03:File System - 掘金
- Nodejs教程04:使用http和fs模块实现一个简单的服务器 - 掘金
- Nodejs教程05:HTTP协议 - 掘金
- Nodejs教程06:处理接收到的GET数据 - 掘金
- Nodejs教程07:处理接收到的POST数据 - 掘金
- Nodejs教程08:同时处理GET/POST请求 - 掘金
- Nodejs教程09:实现一个带接口请求的简单服务器 - 掘金
- Nodejs教程10:Nodejs的模块化 - 掘金
- Nodejs教程11:assert(断言) - 掘金
- Nodejs教程12:path(路径) - 掘金
- Nodejs教程13:URL模块 - 掘金
- Nodejs教程14:querystring模块 - 掘金
- Node。js教程15:net模块初探 - 掘金
- Nodejs教程16:POST文件上传 - 掘金
- Nodejs教程17:multiparty - 掘金
- Nodejs教程18:Ajax跨域 - 掘金
- Nodejs教程19:WebSocket之一:使用Socket.io建立WebSocket应用 - 掘金
- Nodejs教程20:WebSocket之二:用原生实现WebSocket应用 - 掘金
- Nodejs教程21:数据库入门 - 掘金
- Nodejs教程22:使用Nodejs操作数据库 - 掘金
- Nodejs教程23:使用async/await异步操作数据库 - 掘金
- Nodejs教程24:Stream流 - 掘金
- Nodejs教程25:启动器 - 掘金
- Nodejs教程26:Node.js项目之一:创建目录,环境配置,连接数据库 - 掘金
- Nodejs教程27:Node.js项目之二:实现路由 - 掘金
- Nodejs教程28:Node.js项目之三:实现服务器 - 掘金
- Nodejs教程29:Node.js项目之四:添加路由,完成项目 - 掘金
《Node.js入门系列》
- Node.js入门系列(一)
- Node.js入门系列(二)模块、REPL
- Node.js入门系列(三)开发调试、全局内置函数和变量
- 【写给初入前端职场同学的话】,顺便聊聊:Node.js入门系列(四)事件处理机制及事件环机制
- Node.js入门系列(五)Node.js的模块管家:npm
《NodeJs简明教程》
- (...) NodeJs简明教程(1)_程序开发 - SegmentFault 思否
- (...) NodeJs简明教程(2)_程序开发 - SegmentFault 思否
- (...) NodeJs简明教程(3)_程序开发 - SegmentFault 思否
- (...) NodeJs简明教程(4)_程序开发 - SegmentFault 思否
- (...) NodeJs简明教程(5)_程序开发 - SegmentFault 思否
- (...) NodeJs简明教程(6)_程序开发 - SegmentFault 思否
- (...) NodeJs简明教程(7)_程序开发 - SegmentFault 思否
- (...) NodeJs简明教程(8)_程序开发 - SegmentFault 思否
- (...) NodeJs简明教程(9)_程序开发 - SegmentFault 思否
- (...) NodeJs简明教程(10)_程序开发 - SegmentFault 思否
- (...) NodeJs简明教程(11) - 完结篇_程序开发 - SegmentFault 思否
《使用 nodejs 写爬虫》
- 使用 nodejs 写爬虫(-): 常用模块介绍和前置JS语法 - 掘金
- 使用 nodejs 写爬虫(-): 常用模块介绍和前置JS语法 - 掘金
- 使用 nodejs 写爬虫(二): 抓取 github 热门项目 - 掘金
《大前端进阶 Node.js》
- 🔥《大前端进阶 Node.js》系列 多进程模型底层实现(字节跳动被问) - 掘金
- 🔥《大前端进阶 Node.js》系列 双十一秒杀系统(进阶必看) - 掘金
- 🔥《大前端进阶 Node.js》系列 必知必会必问(面试高频) - 掘金
- 🔥《大前端进阶 Node.js》系列 P6必备脚手架/CI构建能力(上) - 掘金
- 《大前端进阶 Node.js》系列 P6必备脚手架/CI构建能力(下) - 掘金
- 《大前端进阶 Node.js》系列 异步非阻塞(同步/异步/阻塞/非阻塞/read/select/epoll) - 掘金
《全栈开发学习(Node+Vue+Mongodb)》
- 全栈开发学习(Node+Vue+Mongodb)(一)——开发前的准备工作 - 掘金
- 全栈开发学习(Node+Vue+Mongodb)(二)——后台管理界面的搭建 - 掘金
- 全栈开发学习(Node+Vue+Mongodb)(三)——后台接口与数据库准备 - 掘金
- 全栈开发学习(Node+Vue+Mongodb)(四)——后台数据的CRUD操作 - 掘金
- 全栈开发学习(Node+Vue+Mongodb)(五)——通用CRUD接口 - 掘金
- 全栈开发学习(Node+Vue+Mongodb)(六)——图片上传 - 掘金
- 全栈开发学习(Node+Vue+Mongodb)(七)——管理员登录及校验 - 掘金
- 全栈开发学习(Node+Vue+Mongodb)(八)——移动端页面搭建(主页部分) - 掘金
- 全栈开发学习(Node+Vue+Mongodb)(九)——移动端页面搭建(详情页部分) - 掘金
- 全栈开发学习(Node+Vue+Mongodb)(十)——后台数据展示到移动端页面 - 掘金
《搭建node服务》
- 搭建node服务(一):日志处理
- 搭建node服务(二):操作MySQL
- 搭建node服务(三):使用TypeScript
- 搭建node服务(四):Decorator装饰器
《使用 Node.js 定制你的技术雷达》
- 使用 Node.js 定制你的技术雷达:上篇
- 使用 Node.js 定制你的技术雷达:中篇
- aisuhua/restful-api-design-references: RESTful API 设计参考文献列表,可帮助你更加彻底的了解REST风格的接口设计。
- i0natan/nodebestpractices: The largest Node.JS best practices list (June 2018)
- node实战前端缓存总结 - 掘金
- 问答方式学 Node.js - 掘金
- 问答方式学 Node.js(二) - 掘金
- 成为自信的node.js开发者(一) - 掘金
- 成为自信的node.js 开发者 (二) - 掘金
- 面试官问你关于node的那些事(基础篇)
- 面试官问你关于node的那些事(进阶篇)
- 一篇文章构建你的 NodeJS 知识体系
- Nodejs技术栈 - 知乎
- 2020年,你应该知道 23 个非常有用的 NodeJs 库
- 2020年,你应该知道 23 个非常有用的 NodeJs 库
¥Node.js FAQ
HTTP客户端
- 【Node.js】 使用express配置静态web服务、http客户端以及get与post基本用法 - 章鱼仔的博客
- node.js中express模块创建服务器和http模块客户端发请求 - jadeshu的博客
- node.js中express模块创建服务器和http模块客户端发请求 - jadeshu - 博客园
文件操作
复制、删除文件 & 文件夹
- node删除或者复制文件夹的内容 - a641832648的博客 - CSDN博客
- Node.js fs模块(文件模块),创建、删除目录(文件),读取写入文件流 - houyanhua1的专栏 - CSDN博客
- Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件_node.js_脚本之家
- Node.JS循环递归复制文件夹目录及其子文件夹下的所有文件 - OurJS
- node.js 递归复制文件夹(附带文件过滤功能) - Mr.聂 - 博客园
- nodejs实现文件的拷贝复制 - 飘然离去 - 博客园
文件路径
- 浅析 NodeJs 的几种文件路径 · Issue #48 · imsobear/blog
- javascript - Node __dirname, process.cwd() are reporting actual directory instead of symlinked one - Stack Overflow
- Node中的__dirname与process.cwd() - yanzel的专栏 - CSDN博客
- nodejs __dirname 与 process.cwd(); 的区别 - ISaiSai的专栏 - CSDN博客
- 关于Node.js的__dirname,__filename,process.cwd(),./文件路径的一些坑 - 个人文章 - SegmentFault 思否
- process.cwd()和__dirname的区别 - 简书
- __dirname和process.cwd()的区别 - 简书
- nodejs __dirname 与 process.cwd()的区别-布布扣-bubuko.com
- NodeJs中process.cwd()与__dirname的区别 - Tim晨 - 博客园
- node中__dirname、__filename、process.cwd()、process.chdir()表示的路径_慕课手记
- Nodejs中process.cwd()与__dirname的区别-云栖社区-阿里云
文件上传
- Nodejs文件上传 - 掘金
检测端口
- 利用Node.js检测端口是否被占用的方法_node.js_脚本之家
进程与线程
- 深入理解Node.js 进程与线程(8000长文彻底搞懂)
- 【纯干货】Node.js eventloop + 线程池源码分析(建议细看) - 掘金
去水印
- Faithree/dy: 100 行 js 代码下载抖音无水印视频、node.js
- 抖音: 抖音sign算法接口、去水印、schemeURL
- 用 Python 下载抖音无水印视频
内存
- 几个命令教你如何监控 Node 服务的内存情况
可执行
- node pkg 打包一个为一个可执行程序(linux、windows、mac)_XuHang666的博客-CSDN博客_nodejs pkg 打包
- 将Node.js项目打包为一个可执行文件。 - 知乎
运行 Python 代码
- pipcook/packages/boa at main · alibaba/pipcook
- @pipcook/boa - npm
- Node.js 多线程运行 Python 代码
- Boa: 在 Node.js 中使用 Python
- Node.js 进程平滑离场剖析 - 掘金
- Node.js环境性能监控 - 掘金
- 全国到底有多少人在看直播?我用Node写了个爬虫统计了一下 - 掘金
- 一杯茶的时间,上手 Node.js - 掘金
- 你需要了解的有关 Node.js 的所有信息 - 掘金
- 30分钟教你优雅的搭建nodejs开发环境及目录设计 - 掘金
- Node.js常用模块Module的加载机制与使用 - 掘金
- 一个前端渣渣的node开发体验 - 掘金
- Node.js 深度调试指南
- 实战:在Node.js和Vue.js中构建文件压缩应用程序
- 部署Express至服务器 - nzyalj的博客 - CSDN博客
- Window 通过cmd查看端口占用、相应进程、杀死进程等的命令 - Android应用安全防护和逆向分析-----作者 - CSDN博客
- 使用Express搭建Node.js服务器 - Smile_ping的博客 - CSDN博客
- morgan日志的使用与解读 - web_xiaolei的博客 - CSDN博客
- nodejs+express服务器搭建和使用教程 - 简书
- Redis + NodeJS 实现一个能处理海量数据的异步任务队列系统 - SegmentFault 思否
- Node.js 模块之 morgan中间件记录日志 - JokerJason - 博客园
- 面试官问:Node 与底层之间如何执行异步 I/O 调用?
- PhantomJS not found on PATH_慕课问答
- nodejs stdout重定向到文件(日志写入) | Jason Zeng
- Express搭建服务器-webfem
- node.js+express搭建简单的web服务器 | Wangx's blog
$RPC frameworks
grpc-over-webrtc
- jsmouret/grpc-over-webrtc: gRPC over WebRTC
grpc-web
- grpc/grpc-web: gRPC for Web Clients
- improbable-eng/grpc-web: gRPC Web implementation for Golang and TypeScript
- SafetyCulture/grpc-web-devtools: Chrome & Firefox Browser extension to aid gRPC-Web development
- fullstorydev/grpcui: An interactive web UI for gRPC, along the lines of postman
$多端统一开发框架
chameleon
- didi/chameleon: 真正专注于让一套代码运行多端的开发框架,提供标准的MVVM架构开发模式统一各类终端
- Chameleon官网
- Chameleon跨端框架——壹个理想主义团队的开源作品 - 掘金
- 滴滴开源跨平台统一 MVVM 框架:Chameleon - 前端 - 掘金
Omi
- Tencent/omi: Next generation web framework in 4kb JavaScript (Web Components + JSX + Proxy + Store + Path Updating)
- omi/packages at master · Tencent/omi
- 腾讯开源 | Tencent Open Source
- Omi 多端开发之 - omip 适配 h5 原理揭秘 - 掘金
Taro
#Taro core
- NervJS/taro: 多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用。
- NervJS/awesome-taro: 多端统一开发框架 Taro 优秀学习资源汇总
- Taro 介绍 · Taro
- Taro | 凹凸实验室
#Taro frameworks、libs&plugins
echarts-for-taro
- WsmDyj/echarts-for-taro: 📜 适用于taro的echarts组件封装
#Taro 资源、整理集&FAQ
Taro 资源
- taro - NervJS - 开源库 - 掘金
Taro 整理集
《Taro 小程序开发大型实战》
- Taro 小程序开发大型实战(一):熟悉的 React,熟悉的 Hooks - 掘金
- Taro 小程序开发大型实战(二):多页面跳转和 Taro UI 组件库 - 掘金
- Taro 小程序开发大型实战(三):实现微信和支付宝多端登录 - 掘金
- Taro 小程序开发大型实战(四):使用 Hooks 版的 Redux 实现应用状态管理(上篇) - 掘金
- Taro 小程序开发大型实战(五):使用 Hooks 版的 Redux 实现应用状态管理(下篇) - 掘金
- Taro 小程序开发大型实战(七):尝鲜微信小程序云(下篇) - 掘金
- Taro 小程序开发大型实战(六):尝鲜微信小程序云(上篇) - 掘金
- Taro 小程序开发大型实战(八):尝鲜 LeanCloud Serverless 云服务 - 掘金
- Taro 小程序开发大型实战(九):使用 Authing 打造企业级用户系统 - 掘金
Taro FAQ
- jQuery 写小程序?Taro 3 正式版发布:开放式跨端跨框架解决方案
- TaroEcharts-各种图表在Taro中的实践 - 掘金
- taro多端实践初探 - 掘金
- 三端开发调研之京东Taro - 掘金
- Taro开发多端应用 - 掘金
- Natsuha - 用Taro写个天气微信小程序 - 掘金
- 一杯茶的时间,上手 Taro 京东小程序开发 - 掘金
- React/Vue/Nerv 任你选,多端框架 Taro 发布 3.0 RC 版本 - 掘金
- momotech/MLN: 高性能、小巧、易上手的移动跨平台开发框架. A framework for building Mobile cross-platform apps with Lua
$小程序框架
AIPage
- 百度智能门户AIPage - 网站建设/小程序开发
- AIPage 智能建站平台
- AIPage 帮助中心
mpx
- didi/mpx: An enhanced miniprogram framework with data reactivity and deep optimizition.
mpvue
mpvue-weui
- KuangPF/mpvue-weui: 用 vue 写小程序,基于 mpvue 框架重写 weui。
- Meituan-Dianping/mpvue: 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。
- mpvue-docs
- 记一次基于mpvue的小程序开发及上线实战 - 掘金
megalo
- kaola-fed/megalo: 基于 Vue 的小程序开发框架
wepy
- Tencent/wepy: 小程序组件化开发框架
- hjkcai/wepy-plugin-axios: 在 wepy 中使用 axios
- liuziying/require-context: 去中心化模块加载插件
- wepy-plugin-requireall - npm
- [AST实战]从零开始写一个wepy转VUE的工具 - 掘金
- 小程序第三方框架对比 ( wepy / mpvue / taro ) - 掘金
- 七大热门小程序框架横评,谁是性能之王
$服务端渲染(SSR)、高性能渲染
her
- hao123-fe/her: High-performance Enhanced Rendering solution, an implement of Pagelet and Bigpipe for Smarty. Hao123前端高性能渲染解决方案
- Her - High-performance Enhanced Rendering Hao123前端高性能渲染解决方案 | Her - A High-performance Enhanced Rendering solution
- 谈谈我对服务端渲染(SSR)的理解
$框架模板、脚手架&架构
$CLI&可视化
amis
- baidu/amis: 前端低代码框架
- AMis Renderer
automan
- xiaozhimn/automan: Automan一站式前端开发框架
- ue2 web前端架构解决方案
aotoo-hub
- webkixi/aotoo-hub: 前端多项目全栈脚手架
FIS3
- fex-team/fis3: FIS3
- FIS3 - 前端工程构建工具
- FIS3 - 前端工程构建工具
- 前端自动构建工具 -- fis - 个人文章 - SegmentFault 思否
- 前端开发手札fis篇——关于部署目录的问题 - 帕奇的手札 - SegmentFault 思否
- Fis3构建迁移Webpack之路 - 个人文章 - SegmentFault 思否
grapesjs
- artf/grapesjs: Free and Open source Web Builder Framework. Next generation tool for building templates without coding
- GrapesJS
gods-pen
- ymm-tech/gods-pen: 基于vue的高扩展在线网页制作平台,可自定义组件,可添加脚本,可数据统计。A mobile page builder/editor, similar with amolink.
- 码良
ice
- alibaba/ice: 🚀 飞冰 - 让前端开发简单而友好
- 飞冰 - 让前端开发简单而友好
- 飞冰 - 让前端开发简单而友好
- 飞冰 - 让前端开发简单而友好
- 飞冰 - 让前端开发简单而友好
- 飞冰 - 让前端开发简单而友好
- 全新体验的飞冰 2.0 正式发布 - 掘金
- 这,就是飞冰物料 - 掘金
jslib-base
- logan70/jslib-base: 开箱即用的JavaScript库开发框架
- JavaScript库架构实战 - 掘金
null-cli
- webfansplz/null-cli: 🛠️ A command makes you more efficient
- null-cli
openmct
- nasa/openmct: A web based mission control framework.
- Open MCT - Open Source Mission Control Software — Open MCT
product-boilerplate
- nice-boys/product-boilerplate: Quickly ship your apps with the power of code generation.
page-pipepline
- page-pipepline
- page-pipepline/pipeline-editor: 🌾页面可视化搭建框架的web编辑器 -- https://page-pipepline.github.io/pipeline-editor/dist/#/
pm-cli
- 从零手写pm-cli脚手架,统一阿里拍卖源码架构 · Issue #72 · Nealyang/PersonalBlog
- 从零手写pm-cli脚手架,统一阿里拍卖源码架构
page-schema-player
- ufologist/page-schema-player: 配页坊: 简称配方 - 为配置页面而生, 专注于配置后台页面
vee-cli
- vee-cli脚手架实践(上)
- vee-cli脚手架实践(中)
- vee-cli脚手架实践(下)
- we452366/vee-cli: 个人脚手架
WMR
- preactjs/wmr: 👩🚀 The tiny all-in-one development tool for modern web apps.
- create-wmr - npm
x-build
- codexu/x-build: 🖖 Customizable front-end engineering scaffolding tools
- ant-design/antd-init: Ant Design boilerplate generator.
- 一步一步手写一个自己前端脚手架cli工具 - 掘金
- 「可视化搭建系统」——从设计到架构,探索前端的领域和意义
- 百度数据可视化Sugar
- 百度数据可视化 Sugar-百度智能云
- 百度数智平台——百度大数据智能力量
- 「可视化搭建系统」——从设计到架构,探索前端领域技术和业务价值 - 知乎
- 20+个可视化搭建工具,一次玩个够
$前端项目模板&应用模板
- unix/unix.bio: Modern static blog template.
- wxyyxc1992/fe-boilerplates: Lucid & Futuristic Production Boilerplates For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 多技术栈前端项目模板
- wxyyxc1992/Backend-Boilerplates: Boilerplate for Your Server Side(Backend) Application, Java | Spring(Boot, Cloud) | Node.js | Go | Python | DevOps 💫 服务端项目模板
- doublechaintech/retailscm-biz-suite: 供应链中台系统基础版,集成零售管理, 电子商务, 供应链管理, 财务管理, 车队管理, 仓库管理, 人员管理, 产品管理, 订单管理, 会员管理, 连锁店管理, 加盟管理, 前
- jaywcjlove/awesome-uikit: Collect JS Frameworks, Web components library and Admin Template.
$骨架屏
客户端骨架屏
- 客户端骨架屏实现 - 掘金
$架构
¥前端微服务化
#前端微服务化 core
- phodal/microfrontends: Micro-frontend Architecture in Action-微前端的那些事儿
- micro-frontend · GitHub Topics
- micro-frontends · GitHub Topics
- microfrontends · GitHub Topics
- microfrontend · GitHub Topics
- micro-services · GitHub Topics
- microservices-architecture · GitHub Topics
- Project Mosaic—Frontend Microservices
- Thinking in Microfrontend (微前端的那些事儿) | microfrontends
- Micro Frontends - extending the microservice idea to frontend development
- 插拔式前端的设计 · 前端工程化指南 · 看云
#前端微服务化 libs、plugins&tools
#iframe
- iframe架构微前端实战 - 掘金
- 如何获取iframe window 和document 对象_JavaScript_xiongzhengxiang的专栏-CSDN博客
- JS获取iframe中的document以及window_Python_maotou526的博客-CSDN博客
- js获取iframe中的window对象的实现方法_javascript技巧_脚本之家
- 如何得到Iframe下的window对象 - - ITeye博客
- 根据iframe获取window - 光何 - 博客园
chunchao
- JinJieTan/chunchao: chunchao,微前端框架
- 微前端框架chunchao(春潮)开源啦
emp
- efoxTeam/emp: EMP Micro FE Base on webpack 5 & module federation
- EMP微前端实战之cocos2d线上项目
- EMP for Vue&React 互相远程调用
genesis
- fmfe/genesis: 🔥Micro front end, micro service and lightweight solution based on Vue SSR🔥
generator-jhipster
- jhipster/generator-jhipster: JHipster is a development platform to quickly generate, develop, & deploy modern web applications & microservice architectures.
luigi
- SAP/luigi: Micro frontend framework
micromono
- lsm/micromono: Write microservices in monolithic style
module-federation
- Module Federation
- module-federation/module-federation-examples: Implementation examples of module federation , by the creators of module federation
oc
- opencomponents/oc: OpenComponents, serverless in the front-end world for painless micro-frontends delivery
piral
- smapiot/piral: Framework for next generation web apps using microfrontends.
- 基于 React 的微前端:Piral 简析
- siteless - npm
puzzle-js
- puzzle-js/puzzle-js: ⚡ Micro frontend framework for scalable and blazing fast websites.
podium-lib
- Podium
- Podium · Easy server side composition of microfrontends
qiankun
umi-plugin-qiankun
- umijs/umi-plugin-qiankun: Umi plugin for qiankun.
vue-cli-plugin-qiankun
- F-loat/vue-cli-plugin-qiankun: 🚀 通过一行命令快速为你的 Vue 项目接入微前端框架 Qiankun
- umijs/qiankun: 📦🚀Blazing fast, simple and completed solution for micro frontends.
- blogs/Start.md at master · a1029563229/blogs
- blogs/Communication.md at master · a1029563229/blogs
- blogs/1.md at master · a1029563229/blogs
- blogs/Deploy.md at master · a1029563229/blogs
- hql7/wl-micro-frontends: Micro front end practical project tutorial. 微前端项目实战vue项目。基于vue3.0&qiankun2.0进阶版:https://github.com/wl-ui/wl-mfe
- wl-ui/wl-mfe: 基于vue3+koa2+qiankun2的微前端后台管理系统项目实战
- wusp1994/qiankunTestByWu: 微前端解决方案qiankun测试用例,主应用及子应用均为vue-cli 3 构建
- 记一次 微前端 qiankun 项目 实践 !!! 防踩坑指南 - 掘金
- vue3.0&qiankun2.0极速尝鲜,微前端进阶实战! - 掘金
- qiankun 微前端方案实践及总结
- 万字解析微前端、微前端框架qiankun以及源码
- 微前端qiankun从搭建到部署的实践
single-spa
microfrontend-admin
- MarioLuLu7/microfrontend-admin: 微前端中后台应用demo, microfrontend-admin (single-spa, systemjs, vue, iview)
my-single-spa
- YataoZhang/my-single-spa: 微前端框架简易实现,方便不了解微前端实现原理的同学快速掌握其原理
- 带你手写微前端框架 · Issue #4 · YataoZhang/my-single-spa
vue-single-spa
- vue-single-spa: 基于vuejs的微前端demo项目。内含 vuejs,react,angular 三个子项目
- Single-Spa + Vue Cli 微前端落地指南 (项目隔离远程加载,自动引入) - 掘金
- single-spa
- single-spa/single-spa: Microfrontends made easy
- single-spa/single-spa.js.org
- single-spa/single-spa-preact: a single-spa plugin for preact applications
- single-spa/single-spa-angular: Helpers for building single-spa applications which use Angular
- single-spa/single-spa-react: a single-spa plugin for react applications
- single-spa/single-spa-angularjs
- single-spa/single-spa-vue: a single-spa plugin for vue.js applications
- joeldenning/coexisting-vue-microfrontends: A repo showing separate vue apps coexisting as microfrontends with single-spa
- single-spa/vue-cli-plugin-single-spa
- dabit3/micro-frontend-example: Building Micro Frontends with React, Vue, and Single-spa
- QxQstar/single-spa-vue: 微前端框架single-spa 整合vue项目
- single-spa
- Getting Started with single-spa
- 前端插拔式 SPA 应用架构实现方案 - 掘金
- mya-ake/vuejs-spa-dev-env: Vue.js 2.0でSPA(Single Page Application)作るための開発環境的なやつ
- mongofeng/vue-mic: 基于lerna和single-spa,sysyem.js搭建vue的微前端框架
#前端微服务化 资源、整理集&FAQ
前端微服务化 资源
- semlinker/awesome-micro-frontends: An Awesome list of posts, videos and tutorials on Micro Frontends
- uniquesyl/micro-frontends-demo: 基于single-spa和SystemJS实现的微前端demo
- jyxjyx/load-center
- Zalando SE
- (66) NingJS · 单页应用“联邦制”实践, 孙坤鹏 from UCloud - Nanjing September 2016 - YouTube
- 年度文章集合 | 最全微前端集合【建议收藏】
前端微服务化 整理集
《从0实现一个前端微服务》
- 从0实现一个前端微服务(上)
- 从0实现一个single-spa的前端微服务(中)
- 从0实现一个single-spa的前端微服务(下)
《微前端连载》
- 微前端连载 1:如何落地微前端一体化运营工作台 - 掘金
- 微前端连载 2/7: 如何分三步实施微前端 - 掘金
- 微前端连载 3/7:淘宝大型应用架构中的微前端方案 - 掘金
- qiankun 微前端方案实践及总结
- qiankun 微前端实践总结(二)
- 微前端自检清单
- 实施前端微服务化的六七种方式_Phodal's zenthink-CSDN博客
- 你必须知道的11个微前端框架
- 微前端自检清单
前端微服务化 FAQ
- 技术雷达之「微前端」- 将微服务理念扩展到前端开发 | 《前端的逆袭》知乎专栏 - 掘金
- 关于微前端你必须了解的三种实现方式 - 掘金
- 微前端在美团外卖的实践 - 掘金
- 微前端架构设计和实践:由来 - 掘金
- 对比微前端方案看 JS 模块的动态加载 - 掘金
- 微前端架构初探以及我的前端技术盘点 - 掘金
- 基于 React & TypeScript & Webpack 的微前端应用模板 - 掘金
- 微前端那些事 - 掘金
- 基于qiankun落地部署微前端爬”坑“记
- 聊聊微前端的原理和实践
- 2020年你必须要会的微前端 -(实战篇)
- 微前端原理和实战(single-spa qiankun)
- 基于 qiankun 的 CMS 应用微前端实践
- 一步步带你搞一个微前端框架--基于single-spa - 掘金
- 微前端究竟是什么,可以带来什么收益
- 帮你对比多种微前端方案
- 前端微服务整合之‘‘插拔式架构’‘实现方案_vue,react,app_LucioCN-CSDN博客
- 如何解构单体前端应用——前端应用的微服务式拆分_phodal-CSDN博客
- 基于vue-typescript-admin-element的微前端中后台应用 - 个人文章 - SegmentFault 思否
- 可能是你见过最完善的微前端解决方案 - 前端-专注javascript - SegmentFault 思否
- 可能是你见过最完善的微前端解决方案 - 知乎
- 标准微前端架构在蚂蚁的落地实践
- 前端微服务在字节跳动的打磨与应用
- 微前端在美团外卖的实践
- Bifrost微前端框架及其在美团闪购中的实践
- 用微前端的方式搭建类单页应用
- 美团外卖前端容器化演进实践
- 网易严选企业级微前端解决方案与落地实践
- 微前端框架是怎么导入加载子应用的 【3000字精读】
- 深度:微前端在企业级应用中的实践 (1万字,华为)
- 万字解析微前端、微前端框架qiankun以及源码
- 深度:从零编写一个微前端框架
- 基于lerna和single-spa, sysyem.js搭建 vue 的微前端框架
- Why micro-frontends? | 黯羽轻扬
- Lazy loading - UI-Router
- 前端微服务整合之‘‘插拔式架构’‘实现方案
¥前端工程化
- 前端工程化 / 构建自动化 · Issue #1 · SunshowerC/blog
- 前端工程化 · 前端工程化指南 · 看云
- 前端工程化(1):VSCode中编写Vue代码的最佳姿势 - 掘金
- 前端工程化(2):快速搭建基于angular团队代码提交规范的工作流 - 掘金
- 前端工程化(3):在项目中优雅的设计基于Axios的请求方案 - 掘金
- MVVM分层下的前端工程化开发 - 掘金
- 前端工程化: 脚手架+物料库快速生成新项目 - 掘金
- 前端工程化那些事 - 掘金
- 小菜鸡的成长之路(前端工程化)
- 手把手带你入门前端工程化——超详细教程
- 使用require.context实现前端工程自动化 - 简书
- 前端工程化下一站: IDE
- 16个方面深入前端工程化开发技巧《上》
- #前端工程化系列文章
- 一套比较完整的前端技术选型,需要规整哪些东西,你知道不? - 掘金
- 面试都在问的微服务、服务治理、RPC、下一代微服务... 一文带你彻底搞懂! - 掘金
- 我们把公司前端架构了!
- 前端常见中间件机制对比分析
- 各大互联网公司架构演进之路汇总
- 干货:得到APP从零到一,Hybrid 架构的演进之路
- 调研 Federated Modules,应用秒开,应用集方案,微前端加载方案改进等
- 一文道尽软件架构及前端架构演进
- 【第1959期】面向 Model 编程的前端架构设计
- 程序员都喜欢用的架构图工具
- 面向 Model 编程的前端架构设计
- 程序员必知的7种软件架构模式
$后台管理框架
kitty
- kitty: 基于Spring Boot、Spring Cloud、Vue.js 、Element UI实现,采用前后端分离架构的权限管理系统,JAVA快速开发平台。
- kitty-ui: Kitty 前端,基于 Vue + Element 实现的权限管理系统。
- kitty-generator: Kitty代码生成器,可以通过界面配置快速生成包括 model,dao,service,controller 以及页面的相关代码。
tabler
- tabler/tabler: Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
- COOL-ADMIN
- 从零搭建中后台框架的核心流程 - 掘金
$静态网站生成器
docsify
- docsifyjs/docsify: 🃏 A magical documentation site generator.
- docsify
doczjs
- Docz
- doczjs/docz: ✍ It has never been so easy to document your things!
- rakannimer/create-docz-app
gridea
- getgridea/gridea: ✍️A static blog writing client (一个静态博客写作客户端)
Hugo
- hugo · GitHub Topics
- panr/hugo-theme-terminal: A simple, retro theme for Hugo
- themefisher/airspace-hugo: Airspace theme (Hugo version)
- zzossig/hugo-theme-zzo: Make a blog with hugo zzo theme!
- The world’s fastest framework for building websites | Hugo
- Hugo 是世界上最快的网站搭建框架 | Hugo 中文网
Metalsmith
- segmentio/metalsmith: An extremely simple, pluggable static site generator.
netlify-cms
- netlify/netlify-cms: A Git-based CMS for Static Site Generators
nav
- xjh22222228/nav: 🔍 发现导航 , 一个非常强大的静态导航网站 🚁
raven-reader
- hello-efficiency-inc/raven-reader: 📖 All your articles in one place. Beautiful.
shotCat_doc
- 1011cat/shotCat_doc: 开箱即用,利用vuepress快速搭建自己的类element-ui的组件文档
- shotCat_doc
- shotCat_doc 一个开箱即用的UI组件库文档 - 掘金
surge
- sintaxi/surge: CLI for the surge.sh CDN
- Surge
saber
- saberland/saber: ()==[:::::::::::::> Build static sites in Vue.js, without the hassle
vuepress
- vuejs/vuepress: 📝 Minimalistic Vue-powered static site generator
- zpfz/vuepress-creator: A lightweight creator for VuePress project.
- vuepress/awesome-vuepress: 🎉 A curated list of awesome things related to VuePress
- xugaoyi/vuepress-theme-vdoing: 🎨一个基于VuePress的 知识管理&Blog 主题
- VuePress
- VuePress
- VuePress 中文文档 | VuePress 中文网
- VuePress中文网
- 一步步搭建 VuePress 及优化【初始化到发布】 - 掘金
- 一步步搭建 VuePress 及优化【插件系列】 - 掘金
- 一步步搭建 VuePress 及优化【自动化】 - 掘金
- 给你的 VuePress 添加 Gitalk 评论插件吧 - 掘金
- 我的这套VuePress主题你熟悉吧 - 掘金
- vuepress爬坑之旅 - 掘金
- 用VuePress搞定你的博客(一) - 掘金
- 从今天开始,拿起VuePress打造属于自己的专属博客 - 掘金
- 如何快速搭建好看的个人博客(完整配置与源码)
- 一步步带你用VuePress来搭建个人网站
- VuePress博客搭建笔记(一)简单上手 - 个人文章 - SegmentFault 思否
- VuePress博客搭建笔记(二)个性化配置 - 个人文章 - SegmentFault 思否
- VuePress搭建个人技术文档网站教程 - 个人文章 - SegmentFault 思否
- VuePress入门教程 - 简书
- 使用vuepress-6小时搭建一个完全免费的个人网站 - 简书
- VuePress 入门 - 简书
- vuePress搭建属于自己的站点。 - 前端开发小菜菜 - 博客园
- Vue 全家桶新成员 VuePress 体验报告 - 小专栏
- 11ty/eleventy: A simpler static site generator. An alternative to Jekyll. Transforms a directory of templates (of varying types) into HTML.
- Eleventy
- remoteinterview/zero: Zero is a web server to simplify web development.
$大前端 tools
$Al&nlp
#脸部识别
- chengxy-nds/fire
- 「圣诞特辑」纯前端实现人脸识别自动佩戴圣诞帽 - 掘金
- 基于 Web 端的人脸识别身份验证 - 掘金
- 安排上了!PC人脸识别登录,出乎意料的简单
- 玩了一个人脸识别登录
- 前端人脸识别--两张脸相似度
- Face++ – 提供给你实时的脸部识别 API - 梦想天空(山边小溪) - 博客园
- jQuery 人脸识别插件,支持图片和视频 - 梦想天空(山边小溪) - 博客园
- 纯前端实现人脸识别-提取-合成 | 前端路上
Microsoft AI
- Microsoft/ailab: Experience, Learn and Code the latest breakthrough innovations with Microsoft AI
nlp_overview
- omarsar/nlp_overview: Overview of Modern Deep Learning Techniques Applied to Natural Language Processing
NLP-progress
- sebastianruder/NLP-progress: Repository to track the progress in Natural Language Processing (NLP), including the datasets and the current state-of-the-art for the most common NLP tasks.
tracking.js
- eduardolundgren/tracking.js: A modern approach for Computer Vision on the web
- tracking.js
科幻
- GitSquared/edex-ui: A science fiction terminal emulator designed for large touchscreens that runs on all major OSs.
$Chrome extensions、libs、plugins&tools
¥Chrome API
- Chrome 66 新增异步剪贴板API - 知乎
- 从“快稳省安全”看Chromium——Chromium学习系列 - 掘金
- Extensionizr - boilerplate for your chrome extension
¥Chrome Extensions
chrome-plugin-demo
- sxei/chrome-plugin-demo: 《Chrome插件开发全攻略》配套完整Demo,欢迎clone体验
- 入门:建立 Chrome 扩展程序 - Google Chrome 扩展程序开发文档(非官方中文版)
- Chrome插件入门 - 掘金
- 分享一个Chrome扩展收集集合以及配套的Chrome管理工具,值得一试 - 开发工具 - 掘金
- 【干货】Chrome插件(扩展)开发全攻略-好记的博客
- unintended/download-organizer-chrome-extension: Chrome extesion that allows you to set custom download locations with a flexible regexp-based rules.
- GoogleChromeLabs/ProjectVisBug: 🎨 Make any webpage feel like an artboard, download extension here https://chrome.google.com/webstore/detail/cdockenadnadldjbbgcallicgledbeoc
- gildas-lormeau/SingleFile: Web Extension for Firefox/Chrome/MS Edge and CLI tool to save a faithful copy of an entire web page in a single HTML file
- API Reference - Chrome Developers
- Chrome 网上应用店 - 扩展程序
- Pocket: 登录
- APK Downloader [Latest] Download Directly | Chrome Extension v3 (Evozi Official)
- Evozi Apps - Landing Page
- Custom Cursor browser extension
- 收藏猫插件-Chrome插件商店,谷歌浏览器插件,谷歌应用商店插件推荐及下载
- 开发谷歌浏览器截图插件
- Camtd - Chrome 多线程下载管理器插件,可满速下载百度网盘文件 - 工具资源 - 掘金
- 如何从官网下载 Google Chrome 离线安装包 - CSDN博客
- chrome离线安装包下载方法 - 简书
- 一天学会Chrome插件开发 - 知乎
- 没有这 29 款插件的 Chrome 是没有灵魂的
- 扩展迷 - Chrome扩展与插件离线安装包商店
- 如何从谷歌商店下载应用到电脑? – 技术控
- Chrome插件(谷歌浏览器插件) - 提供Chrome商店中优秀的Chrome插件推荐与下载服务
- 解决“只能通过Chrome网上应用商店安装该程序”的方法 - Chrome插件(谷歌浏览器插件)
- 优秀Chrome插件推荐,好用常用实用的Chrome插件推荐分享下载 - Chrome插件网
- Making a unique extension id and key for Chrome extension? - Stack Overflow
- 网盘万能助手.
Awesome Screenshot
- Awesome Screenshot
debugger-protocol-viewer
- ChromeDevTools/debugger-protocol-viewer: DevTools Protocol API docs—its domains, methods, and events
Google Analytics
scrolldepth
- Scroll Depth - A Google Analytics plugin for measuring page scrolling
- robflaherty/jquery-scrolldepth: Google Analytics plugin to track visitor scroll depth
- 使用 Google Analytics 跟踪 JavaScript 错误 - 梦想天空(山边小溪) - 博客园
Google Earth
- retroplasma/earth-reverse-engineering: WIP
Google Photos Web UI
- Building the Google Photos Web UI | by Antin Harasymiv | Google Design | Medium
- 见微知著,Google Photos Web UI 完善之旅
keyframes.app
- Keyframes.app
lambda-google-sheets
- rcdexta/lambda-google-sheets: Lambda function to pull data from Postgres DB and dump to Google Spreadsheet
Memex
- 如何在 1000 条历史记录中搜到你已经忘记标题的网页?试试这个插件:Memex - 工具资源 - 掘金
- WorldBrain's Memex - WorldBrain | Memex
puppeteer
puppeteer-api-zh_CN
- zhaoqize/puppeteer-api-zh_CN: 📖 Puppeteer中文文档(官方指定的中文文档)
- Puppeteer v5.5.0
- puppeteer.launch
- puppeteer/puppeteer: Headless Chrome Node.js API
- GoogleChrome/puppeteer: Headless Chrome Node API
- GoogleChromeLabs/pptraas.com: Puppeteer as a service
- Puppeteer as a service
- 使用node+puppeteer破解验证码 - 掘金
- 如何结合Node和Puppeteer做网络爬虫 - 掘金
- Puppeteer v7.0.1
rendertron
- GoogleChrome/rendertron: A Headless Chrome rendering solution
workbox
- GoogleChrome/workbox: 📦 Workbox: JavaScript libraries for Progressive Web Apps
- Workbox | Google Developers
web-server-chrome
- GitHub - kzahel/web-server-chrome: An HTTP Web Server for Chrome (chrome.sockets API)
wwwbasic
- google/wwwbasic: WWWBasic is an implementation of BASIC (Beginner's All-purpose Symbolic Instruction Code) designed to be easy to run on the Web.
虚拟定位
- Fake GPS location - Google Play 上的应用
- Fake GPS Location Spoofer Free - Google Play 上的应用
- Location Changer (Fake GPS Location) - Google Play 上的应用
- GPS Emulator - Google Play 上的应用
- wanthering/laipi: a chrome plugin to laipi
- r00tSe7en/GoogleHackingTool: 在线Google Hacking 小工具
- greatsuspender/thegreatsuspender: A chrome extension for suspending all tabs to free up memory
- adam-p/markdown-here: Google Chrome, Firefox, and Thunderbird extension that lets you write email in Markdown and render it before sending.
- RegExp Download Organizer :下载时自动保存到分类文件夹中 - Chrome插件(谷歌浏览器插件)
- Download Fiddler Web Debugging Tool for Free by Telerik
- chrome://flags/#enable-experimental-web-platform-features
- Evozi Apps - Landing Page
- OpenUserJS
- APK Downloader [Latest] Download Directly | Chrome Extension v3 (Evozi Official)
- Greasy Fork - 安全、实用的用户脚本大全
- Google Developers – Medium
- Google 日历 - 2021年1月24日这周
- Chrome给我来10个
- 一文带你看透 Chrome 浏览器架构
- 11 个Chrome骚技巧让你为所欲为
- 谷歌家的验证码怎么了?搞他!
- F5 同 Ctrl+F5 的区别你可了解
- 前端性能优化之利用 Chrome Dev Tools 进行页面性能分析
- Chrome 页面呈现原理与性能优化之企业级分享总结(内附完整ppt)
- Chrome 运行时性能瓶颈分析
- google play商店怎么直接下载apk文件?google play商店在电脑上下载apk的方法 _pc6资讯
- android下chrome调试手机网页的方法 - 为程序员服务
- 家
$Docker
Docker core
- www.docker.com
- Use multi-stage builds | Docker Documentation
Docker libs&tools
- portainer/portainer: Simple management UI for Docker
- prakhar1989/docker-curriculum: A comprehensive tutorial on getting started with Docker!
- fcwu/docker-ubuntu-vnc-desktop: Docker image to provide HTML5 VNC interface to access Ubuntu LXDE and LXQT desktop environment
- huan/docker-wechat: DoChat is a Dockerized WeChat (盒装微信) PC Windows Client for Linux
Docker 资源、整理集&FAQ
Docker 资源
docker-compose
- docker-compose 编排指南 (v3.7)
- docker-compose 编排指南 (v3.8)
Dockerfile
- Dockerfile 惯用法,应该分发更小的容器
- ihaiker/aginx: management API service for nginx
- Docker笔记:常用命令汇总 - 朝雨忆轻尘 - 博客园
Docker 整理集
《Docker》
- Docker(二)----Dockerfile文件详解 - fendo - CSDN博客
- Docker(三)----Dockerfile搭建Nginx环境与文件挂载 - fendo - CSDN博客
- Docker(四)----Docker-Compose 详解 - fendo - CSDN博客
- Docker(五)----Docker-Compose部署nginx代理Tomcat集群 - fendo - CSDN博客
- Docker(六)----Swarm搭建Docker集群 - fendo - CSDN博客
- Docker(七)----搭建Portainer可视化界面 - CSDN博客
Docker FAQ
- 9102 年了,学点 Docker 知识 - 掘金
- 使用 Docker 搭建你自己的 RSS 服务(Miniflux) - 掘金
- 如何使用 docker 部署前端应用 - 掘金
- 写给前端的Docker实战教程 - 掘金
- 「nodejs + docker + github pages 」 定制自己的 「今日头条」 - 掘金
- [手把手系列之]Docker 部署 vue 项目 - 掘金
- 【已解决】CentOS7使用yum安装Docker显示错误:cannot find a valid baseurl for repo: base/7/x86_6 - 掘金
- 个人服务器架构简介 - 掘金
- 一杯茶的时间,上手 Docker - 掘金
- 拒绝删库跑路!上手 Docker 容器数据管理 - 掘金
- 梦境亦相通:用 Network 实现容器互联 - 掘金
- CentOS7搭建Docker私有仓库 - fendo - CSDN博客
- 前端工程师学Docker ? 看这篇就够了 【零基础入门 原创】
- 万字雄文详解云时代Docker原理!!!
- 一文零基础教你学会 Docker 入门到实践
- harbor 2.0 搭建docker私有仓库_小喽喽-CSDN博客
$Download Manager&Software Manager
Advanced Installer
- Free Windows Installer - MSI Installer Tool
IDM
- Internet Download Manager: the fastest download accelerator
InstallShield
- InstallShield Professional - Download
Inno Setup
- Inno Setup
NSIS
- NSIS Wiki
- NSIS: Nullsoft Scriptable Install System download | SourceForge.net
- agalwood/Motrix: A full-featured download manager.
- jae-jae/Camtd: Chrome multi-threaded download manager extension,based on Aria2 and AriaNg. Chrome多线程下载扩展。
- 油猴脚本搭配工具 - 90网盘
$FTP
FileZilla
- FileZilla - The free FTP solution
- FileZilla中文网 - 免费开源的FTP解决方案
- filezilla.sourceforge.net
monstaftp
- jerrywham/MonstaFTP: Fork of Monsta FTP software
- Free web-based FTP software - Monsta FTP
Xftp 6
- xFTP6破解版|xFTP下载 v6.0.0080免费版 - 欧普软件下载
- Xftp 6产品密钥|Xftp 6产品密钥注册码下载(附xftp 6 注册机/注册码/授权码及过期解决说明) - 3322软件站
- xftp5免费版下载|Xftp 5 免费版中文注册版_附key注册码 - 系统天堂
- xftp6密钥|xftp6注册机(含序列号)下载_附安装教程 - 多多软件站
- Xshell6下载_Xmanager6标准版,企业版下载-Xmanager中文版网站
- 如何使用文件传输软件Xftp_百度经验
$GL
OpenGL
- Learn OpenGL, extensive tutorial resource for learning Modern OpenGL
- LearnOpenGL - Coordinate Systems
$HTML&移动端
$HTML
HTML libs、plugins&tools
HTML processor
rehype
- rehype
- rehypejs/rehype: HTML processor powered by plugins part of the @unifiedjs collective
HTML 资源、整理集&FAQ
- 7 User interaction — HTML5
- 基于vw等viewport视区单位配合rem响应式排版和布局 « 张鑫旭-鑫空间-鑫生活
- 前端必看的8个HTML+CSS技巧 - 掘金
- 练习笔记:使用jQuery实现H5拖放(drag 和 drop)功能 - CSDN博客
- html 空白汉字占位符  - CSDN博客
- 给select增加placeholder技巧 - CSDN博客
- HTMLTIPS - CSDN博客
- jsp页面中注释 <!-- --> 和<%-- --%> 的区别 - CSDN博客
- Html table td 内容自动换行 - CSDN博客
- 移动端适配问题 - 守候的回答 - SegmentFault 思否
- autoplay自动播放策略 - 简书
- 手机/移动前端开发需要注意的20个要点_Android_脚本之家
- HTML5新特性及详解 - 张三的美丽家园 - 博客园
- HTML标签----图文详解 - 千古壹号 - 博客园
- HTML5详解 - 何必再忆 - 博客园
- 送给前端的你,推荐几篇前端汇总文章。
- HTML meta标签总结,HTML5 head meta属性整理-前端开发博客
- 创建自定义 HTML 电子邮件模板
- 如何编写兼容各主流邮箱的HTML邮件 - dengminhui - ITeye技术网站
- HTML 格式的邮件怎样定义 CSS_HTML教程-织梦者
- 十六进制颜色代码表,图表及调色板 - Encycolorpedia
- developer.android.com
- 在网页上使用苹方字体 - 任平生的学习笔记
- HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑) - ithink-设计-Design
- STRML: Projects and Work
$HTML5
¥H5 core
- Google Web Designer
- snaptomato.appspot.com
- HTML 5.2
- HTML5
- Bézier Curve (de Casteljau algorithm)
- HTML5+ API Reference
¥H5 plugins&tools
luban-h5
- ly525/luban-h5: [WIP]en: web design tool || mobile page builder/editor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具、可视化搭建系统.
vConsole
- Tencent/vConsole: A lightweight, extendable front-end developer tool for mobile web page.
- Brunch - ultra-fast HTML5 build tool
- Manifesto – HTML5 离线应用程序缓存校验工具 - 梦想天空(山边小溪) - 博客园
- www.cnblogs.com/lhb25/p/html-inspector-a-code-quality-tool.html
¥H5 资源、整理集&FAQ
#H5资源
awesome-html5
- diegocard/awesome-html5: A curated list of awesome HTML5 resources
- opmai/awesome-html5: A curated list of awesome HTML5 resources. Inspired by awesome-php and awesome-python
- CNFED/awesome-html5: 世上最全的中文翻译HTML5资源库
- 【特别推荐】Web 开发人员必备的经典 HTML5 教程 - 梦想天空(山边小溪) - 博客园
- HTML5_入门 精通 教程_w3cplus
#H5整理集
- MrXujiang/H5-: H5游戏算法和游戏清单
- H5 键盘兼容性小结 - 掘金
- 勇闯28个关卡学会HTML与HTML5基础|FCC前端教程 - 掘金
- (上)vue + axios 快速构建多页面应用H5移动端电商项目
- (下)Vue+Echarts构建大数据可视化酷炫展示公司品牌实战项目分享(附源码)
- 10个让人眼花缭乱的 HTML5 和 JavaScript 效果 - 梦想天空(山边小溪) - 博客园
- 值得 Web 开发人员收藏的20个 HTML5 实例教程 - 梦想天空(山边小溪) - 博客园
- Web 开发中应用 HTML5 技术的10个实例教程 - 梦想天空(山边小溪) - 博客园
- 8个惊艳的 HTML5 和 JavaScript 特效 - 梦想天空(山边小溪) - 博客园
- 分享16款基于 HTML5 Canvas 开发的网页游戏 - 梦想天空(山边小溪) - 博客园
- 精选9个值得学习的 HTML5 效果【附源码】 - 梦想天空(山边小溪) - 博客园
#H5 FAQ
- H5 notification浏览器桌面通知 - 掘金
- HTML5拍照、摄像机功能实战 - 掘金
- HTML5 地理定位+地图 API:计算用户到商家的距离 - 掘金
- html5录音功能实战 - 掘金
- 从零到一:实现通用一镜到底H5 - 从零到一 - SegmentFault 思否
- 聊聊input元素_HTML5, CSS, form, input, 会员专栏 教程_w3cplus
- 聊聊Web中的下拉选项的事情_CSS, A11Y, form, HTML5, 会员专栏 教程_w3cplus
- 好库推荐:拖拽生成 H5 页面,升职加薪就靠它了
$移动端
¥Android
Android core
WebView
- WebView与APP交互实战记录 - 掘金
- WebView库功能完善
- 一个一线前端攻城狮的快应用开发之路:2、我与WebView的斗智斗勇 - 掘金
Android frameworks
Cordova
- apache/cordova-android: Apache Cordova Android
- apache/cordova-ios: Apache Cordova iOS
- apache/cordova-js: Apache Cordova js
- GZYZIT/TeamToy-Mobile: 采用Cordova框架开发的团队待办事项管理平台TeamToy移动客户端
- Apache Cordova
Jetpack
- KunMinX/Jetpack-MVVM-Best-Practice: 是 难得一见 的 Jetpack MVVM 最佳实践!在 蕴繁于简 的代码中,对 视图控制器 乃至 标准化开发模式 形成正确、深入的理解!
PanelSwitchHelper
- YummyLau/PanelSwitchHelper: A framework that helps the keyboard smoothly transition to the function panel 一个帮助键盘平稳过渡到功能面板的框架,支持动画无缝衔接,支持 activity/fragment/dialog/dialogFragment/popupWindow 容器,支持IM/直播/视频播放/信息流评论等场景
- liangjingkanji/Channel: 由协程实现Android中的事件总线框架, 具备LiveData/LifeCycle/Coroutine特性, 无注册注销/支持标签/消息/异步/异常处理
- JeremyLiao/InterfaceLoader: 史上最好用的Android跨进程接口调用框架
Android libs、plugins&tools
¥chart
- PhilJay/MPAndroidChart: A powerful 🚀 Android chart view / graph view library, supporting line- bar- pie- radar- bubble- and candlestick charts as well as scaling, dragging and animations.
¥list
- drakeet/MultiType: An Android library to create multiple item types list views easily and flexibly
¥progress
YCProgress
- yangchong211/YCProgress: 自定义进度条,包括圆环型百分比进度条,直线型百分比进度条,还有仿360杀毒百分比进度条。可以自由设置进度条的类型,外部轮廓颜色,中心圆颜色,自定义百分比单位
- YCProgress自定义百分比进度条 - 掘金
¥播放器
- Zhaoss/VideoPlayerDemo: 封装bilibili播放器,自定义边下边播和缓存功能
- Bilibili/ijkplayer: Android/iOS video player based on FFmpeg n3.4, with MediaCodec, VideoToolbox support.
- 封装bilibili播放器,自定义边下边播和缓存功能 - 掘金
¥日历
- prolificinteractive/material-calendarview: A Material design back port of Android's CalendarView
¥下拉刷新&分页加载
- chrisbanes/Android-PullToRefresh: DEPRECATED
- 一篇文章带你撸遍下拉刷新 分页加载控件 - 掘金
Auto.js
- hyb1996/Auto.js: A UiAutomator on android, does not need root access
- hyue418/taobao-11-11: 2020双十一|双11全民养猫|超级星秀猫自动化脚本,支持淘宝+支付宝自动做喵币任务【全额奖励,防检测】
- SuperMonster003/Ant-Forest: 基于Auto.js的蚂蚁森林能量智能收取脚本 Auto.js-based alipay ant forest energy intelligent collection script
- 首页 - Auto.js
android-studio
- Android Studio 中文社区-安卓开发者工具集:Android SDK/JDK/ADT/Gradle/App-3.0正式版下载/安装/教程/外包/招聘
- Android Developers
Glide
- Glide 源码分析(一):图片压缩 - 掘金
- android/sunflower: A gardening app illustrating Android development best practices with Android Jetpack.
- Blankj/AndroidUtilCode: Android developers should collect the following utils(updating).
- LedgerHQ/ledger-live-mobile: Ledger Live (Mobile)
- AlexMahao/SimpleTouch: 一个用来监听View事件分发的库
- SimpleTouch:一个库彻底搞懂事件分发流程 - 掘金
Android projects
android-chat
- wildfirechat/android-chat: 开源即时通讯(野火IM)系统Android端 高仿微信
Android 资源、整理集&FAQ
Android 资源
DeviceMotion
- rikschennink/shiny: 🌟 Shiny reflections for mobile websites
- Shiny, Simulating Reflections for Mobile Websites
- kesenhoo/android-training-course-in-chinese: Android官方培训课程中文版
- Freelander/Android_Data: Some Android learning materials, hoping to help you learn Android development.
- Curzibn/Luban: Luban(鲁班)—Image compression with efficiency very close to WeChat Moments/可能是最接近微信朋友圈的图片压缩算法
- sw950729/AndroidNotes: Android学习笔记
- Android資訊網站 Android-APK.com
- LastPass - 免费密码管理器 - Google Play 上的应用
Android 整理集
《GPS定位系统》
- GPS定位系统(一)——介绍 - 简书
- GPS定位系统(二)——Android端 - 简书
- GPS定位系统(三)——Java后端 - 简书
- GPS定位系统(四)——Vue前端 - 简书
- GPS定位系统(五)——Docker - 简书
- 移动端常见bug - 前端 - 掘金
Android FAQ
1px & 0.5px
- css 中引入 svg 来兼容部分安卓机显示 0.5px 边框 - 掘金
- 7 种方法解决移动端 Retina 屏幕 1px 边框问题 - 前端 - 掘金
限制输入字符个数
- zhooker/EditTextLengthLimit: EditText 限制输入字符个数的三种方式
- EditText 限制输入字符个数的三种方式 - Android - 掘金
- Vector和ArrayList对比 - 掘金
- 拖不得了,Android11真的要来了,最全适配实践指南奉上
¥Html5、Web移动端适配
- 移动端适配 - 基础知识篇 - 掘金
- 移动端适配-实践篇 - 掘金
- 移动端适配-Rem 布局篇 - 掘金
- 简单粗暴的移动端适配方案 - REM - 前端 - 掘金
- 移动端适配总结 - 掘金
- Web移动端适配总结 - 掘金
- 面试官:你了解过移动端适配吗? - 掘金
- 关于移动端适配,你必须要知道的 - 掘金
- Web移动端适配方案
- 移动端适配问题终极探讨(上)
- web前端技术圈
- 关于移动端适配方案都在这里
- 吃透移动端 H5 与 Hybrid|实践踩坑12种问题汇总
¥iOS
iOS core
- Apple Developer (简体中文)
iOS frameworks
grpc-ios
- grpc/grpc-ios: gRPC for iOS clients
iOS libs、plugins&tools
iOS-Developer-Roadmap
- BohdanOrlov/iOS-Developer-Roadmap: Roadmap to becoming an iOS developer in 2018.
iOS projects
- GitHawkApp/GitHawk: The best iOS app for GitHub.
iOS 资源、整理集&FAQ
- leecade/ios-dev-flow: iOS 开发流程笔记
- GitHub 中与 iOS 开发相关的20个开源工具(神器) - 工具资源 - 掘金
- h5页面在不同ios设备上的问题总结 - 掘金
- h5页面在不同ios设备上的问题总结
¥微信项目
小程序
小程序 core
- qwerty472123/wxappUnpacker: Wechat App(微信小程序,.wxapkg)解包及相关文件(.wxss,.json,.wxs,.wxml)还原工具
- leo9960/wechat-app-unpack: 微信小程序(.wxapkg)解包心得以及未开放API猜测
- (1) 只需两步快速获取微信小程序源码 - 掘金
- 微信小程序源码阅读笔记1 - Lrdcq - 個人博客
- 微信公众平台
- 项目 - Dashboard - 微信开发者代码管理
- 项目 - Dashboard - 微信开发者代码管理
- 微信公众平台
- 微信开放文档
小程序 libs、plugins&tools
#request&response
- zhengjunxin/wx-queue-request: 控制微信小程序 wx.request 并发请求数量
- zhengjunxin/wx-promise-request: 解决微信小程序 wx.request 请求的并发数限制、不支持异步问题
sm-crypto
- wechat-miniprogram/sm-crypto: weapp sm crypto library
vant-weapp
- youzan/vant-weapp: 轻量、可靠的小程序 UI 组件库
wx-cookie
- liaozh/wx-cookie: 代理wx.request对象,让小程序支持cookie传输
wux-weapp
- wux-weapp/wux-weapp: 一套组件化、可复用、易扩展的微信小程序 UI 组件库
- iammapping/wedding: 婚礼大屏互动,微信请柬一站式解决方案
小程序 资源、整理集&FAQ
小程序资源
- justjavac/awesome-wechat-weapp: 微信小程序开发资源汇总 :100:
- 微信应用号(小程序)资源汇总(1010更新) - 码农果园 - SegmentFault 思否
- 小程序交流专区 | 微信开放社区
- JavaScript 支持情况 | 微信开放文档
小程序整理集
《小程序点睛》
- 小程序点睛之一:如何将小程序异步回调接口 Promise 化 - 掘金
- 小程序点睛之二:小程序使用 Iconfont 的正确姿势 - 掘金
- 小程序点睛之三:才不是你想的那种组件 - 掘金
《微信小程序教程》
- 微信小程序教程01:小程序简介 - 掘金
- 微信小程序教程02:App(Object)和Page(Object) 构造器介绍 - 掘金
- 微信小程序教程03:WXML语法 - 掘金
- 微信小程序教程04:API(完结) - 掘金
《小程序实战》
- 小程序实战(一)-设计一个表单校验函数
- 小程序实战(二)-上传多图功能
- 小程序实战(三)-分页加载
- 小程序实战(四)-生成二维码海报part1-基本思路
- 小程序实战(四)-生成二维码海报part2-实操代码
- 小程序实战(六)-跳转页面
- 小程序实战(七)-获取用户信息
- 小程序实战(八)-分享链接
- 小程序实战(九)-扫码登录
- 小程序实战(十)-抽离公共组件
- 小程序实战(十一)-验证码定时器
- 小程序实战(十二)-分包加载
- 小程序实战(十三)-抽离公共组件
- 小程序实战(十四)-筛选菜单吸顶
- 小程序实战(十五)-自定义弹框组件
- 小程序实战(十六)带你从零到一 在小程序引入echarts
《微信小程序入门教程》
- 微信小程序入门教程之一:初次上手 - 阮一峰的网络日志
- 微信小程序入门教程之二:页面样式 - 阮一峰的网络日志
- 微信小程序入门教程之三:脚本编程 - 阮一峰的网络日志
- 微信小程序入门教程之四:API 使用 - 阮一峰的网络日志
小程序FAQ
- imageslr/weapp-library: “在线借书平台”小程序:连接读者与图书馆的借书平台、读者的图书资料库与书单系统
- dntzhang/westore: 世界上最小却强大的小程序框架 - 100多行代码搞定全局状态管理和跨页通讯
- 微信小程序Video组件实践总结 - 掘金
- 小程序折腾记 - Taro(1.2.x)开发一个微信小程序下来的要点梳理及爬坑姿势(篇幅有点长) - 掘金
- 手把手教你用Taro框架写一个图像处理类微信小程序 - 掘金
- 微信小程序组件化的解决方案 - 掘金
- Anka——渐进式小程序开发工具集 - 掘金
- 小程序--语音合成tts 对接多平台(讯飞,思必驰,百度) - 掘金
- 经验总结--我的小程序开发和进化之路 - 掘金
- 微信小程序 - 富文本图片宽度自适应(正则) - 掘金
- 微信小程序-锚点定位 - 掘金
- 小程序从手动埋点到自动埋点 - 掘金
- 微信小程序自定义组件实现 tabBar、navBar - 掘金
- 小程序:无限自动滚动的Gallery - 掘金
- (4.5w字🔥建议收藏)“可能是” 2020最值得看的小程序系列实战教程 - 掘金
- 近两万字小程序攻略发布了 - 掘金
- 十分钟上手小程序开发,史上最全的《入门级》小程序开发
- 小程序-云开发-实现微信云支付功能
- 一键反编译微信小程序获取源码,并转换为uniapp或taro跨端项目
- 微信小程序从入门到精通:最全的资源列表(持续更新中)
小游戏
- 快速上手 | 微信开放文档
公众号
- 微信公众平台开发概述 | 微信开放文档
智能对话
- 平台介绍 | 微信开放文档
开放平台
- 资源中心是微信开放平台开发者所需所有相关资源的汇集地,包括: | 微信开放文档
企业微信
- 企业微信API
微信支付
- 【微信支付】普通商户接入文档
- 手机没网了,却还能支付,这是什么原理?
腾讯小微
- 腾讯小微简介 | 微信开放文档
- overtrue/wechat: It is probably the best SDK in the world for developing WeChat App.
- MustangYM/WeChatExtension-ForMac: Mac微信功能拓展/微信插件/微信小助手(A plugin for Mac WeChat)
- 小程序交流专区 | 微信开放社区
- 首页 - 息知
- 利用网页版微信API做一个微信机器人 - 掘金
- 如何入门微信小程序开发,有哪些学习资料? - 前端开发 - 知乎
- 懒,甩一段自动拉群的机器人代码
¥移动端资源、整理集&FAQ
移动端资源
- comsince/universe_push: 基于t-io的即时消息通讯系统,采用服务化框架Dubbo实现应用服务化,使用SpringBoot构建应用,可做信令服务器使用,支持docker,k8s快速部署。Android版本支持私聊,群聊,支持voip
- afkT/DevUtils: (持续更新, 目前含100+工具类) DevUtils 是一个 Android 工具库, 主要根据不同功能模块,封装快捷使用的工具类及 API 方法调用。 该项目尽可能的便于开发人员,快捷、快速开发安全可靠
- 都2020了,你还不会移动端真机调试?
- mcuking/mobile-web-best-practice: 移动 web 最佳实践
MobDevGroup
- MobDevGroup
- MobDevGroup
- GitHub资源集 · MobDevGroup
移动端整理集
- 移动跨平台技术方案总结 - 掘金
- 移动端常见bug汇总001 - 掘金
- 移动端常见bug汇总002 - 掘金
- 垂涎欲滴!30个美味的食品类移动应用程序【上篇】 - 梦想天空(山边小溪) - 博客园
- 垂涎欲滴!30个美味的食品类移动应用程序【下篇】 - 梦想天空(山边小溪) - 博客园
移动端FAQ
- 解决移动端滚动穿透 - 掘金
- 滚动穿透问题探索 - 掘金
- iOS下浏览器document/body的click事件无效的坑 - 掘金
- 前端赋能团队 - APP的全链路开发
- (2条消息)解决h5的video标签,android、pc客户端播放正常,iphone无法播放_移动开发_xuepuhao的博客-CSDN博客
- 前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配 - ChokCoco - 博客园
- 移动端webapp如何隐藏浏览器的导航栏 - _林冲 - 博客园
- 移动端UI一致性解决方案
- 【又硬又细】移动端Web开发踩坑指北
- 爱奇艺知识移动端组件化探索和实践
$HDMI&IPTV
¥HDMI
HDMI-PI
- peng-zhihui/HDMI-PI: 我设计的一个HDMI转MIPI模块,可以用于驱动各种手机屏幕当显示器用。
¥IPTV
awesome-iptv
- iptv-org/awesome-iptv: A curated list of resources related to IPTV
iptv
- iptv-org/iptv: Collection of 5000+ publicly available IPTV channels from all over the world
$Mail
AnonAddy
- anonaddy/anonaddy: Anonymous email forwarding
- Free, Open-source Anonymous Email Forwarding - AnonAddy
- AnonAddy
$other 大前端 tools
¥代理
SwitchyOmega
- FelisCatus/SwitchyOmega: Manage and switch between multiple proxies quickly & easily.
- oldj/SwitchHosts: Switch hosts quickly!
- hoodiearon/w3-goto-world: 🍅冲出你的窗口,free ss/ssr/vmess分享、IPFS、暗网及蹭网教程、Git镜像等其他资源存储库
- hoodiearon/fq-book: 《这本书能让你连接互联网》科学上网Freestyle,了解网络基础知识与实践蹭网操作
- xiaoming2028/FreePAC: 科学上网/梯子/自由上网/翻墙 SS/SSR/V2Ray/Brook 搭建教程
annie
- iawia002/annie: 👾 Fast, simple and clean video downloader
Clover
- Clover给资源管理器加上类似Chrome的标签 | 易捷科技 EJIE Technology
Ditto
- Ditto
Insight.io
- Insight.io | Best Place to Browse Code on the Web
- Insight.io | Best Place to Browse Code on the Web
keycastr
- keycastr/keycastr: KeyCastr, an open-source keystroke visualizer
- keycastr/Lobby - Gitter
listary
- Listary – File Search & App Launcher
myHotKey
- leer0911/myHotKey: 基于 Autohotkey 的效率工具
- AutoHotkey
- 快速参考 | AutoHotkey
- 按字母排序的命令和函数索引 | AutoHotkey
- 如何提高还在用window系统的编码硬效率 - 掘金
office
pandoc
- jgm/pandoc: Universal markup converter
- Pandoc - About pandoc
QQ
- QQ推广
snipaste
- Snipaste/translations: Translations for Snipaste
Typora
- luokangyuan/typora-theme-chineseStyle: This is a sexual apathy style and chinese style typora theme,这是一款性冷淡风兼着中国风的typora主题
- Typora — a markdown editor, markdown reader.
- Typora快捷键 - 简书
- Typora快捷键 - it_guang的博客 - CSDN博客
uTools
- uTools - 你的专属工具集
- uTools - 你的生产力工具集
- 介绍 | uTools
- 猿料
Wox
- Wox-launcher/Wox: Launcher for Windows, an alternative to Alfred and Launchy.
- Releases · Wox-launcher/Wox
- Wox
- Choose a language · GitBook
- voidtools
- Plugin
XX-Net
- how to create my appids · XX-net/XX-Net Wiki
- 如何使用XX-Net - CSDN博客
xiangxuema
- xland/xiangxuema: “想学吗”个人知识管理工具客户端
录屏工具:LICEcap
- justinfrankel/licecap: LICEcap simple animated screen capture tool for Windows and OS X
- LICEcap - Download
万能助手
- 万能助手 -- 类似音速启动但更好用的桌面图标快捷方式管理工具 - 掘金
- 首页_万能助手_编程教程_编程入门_编程入门教程_计算机编程入门_电脑编程入门自学_简码编程官网_致力于零基础自学编程中文图解教程的分享与问答
- 万能助手 -- 扩展库大全集_帖子详情_万能助手|电脑|计算机|编程|入门|教程|自学_简码编程官网
抽奖、签到
- 75team/raffle: 奇舞团历年年会现场抽奖程序
- vitozyf/lucky-draw: 年会抽奖程序
- sazs34/TaskConfig: Quantumult签到(京东/网易/爱奇艺/贴吧)以及天气信息获取,以及surge/qx兼容脚本
- buuing/vue-luck-draw: 一个基于vue的大转盘抽奖插件, 奖品/文字/颜色样式均可配置
- Good-Old-Downloads/gg
- kaysonli/lucky-ball: A simple lottery program.
- NARKOZ/hacker-scripts: Based on a true story
- chavyleung/scripts
- CHEF-KOCH/MSI-utility: A script/tool which tries to improve Windows latencies
- syhyz1990/baiduyun: 🖖油猴脚本 一个脚本搞定百度网盘下载 https://www.baiduyun.wiki
- cloudroc/baidu-nolimit: 百度云大文件下载破解,chrome插件
- zhaoolee/OnlineToolsBook: 🍭在线工具秘籍,为在线工具写一本优质说明书,让在线工具造福人类~ Online tool cheats, write a quality manual for online tools, make online tools benefit humanity~
- ripperhe/Bob: Bob 是一款 Mac 端翻译软件,翻译方式支持划词翻译和截图翻译,翻译引擎支持有道翻译、百度翻译和谷歌翻译~
- NationalSecurityAgency/ghidra: Ghidra is a software reverse engineering (SRE) framework
- GIMP - GNU Image Manipulation Program
- Aptana
- WorkFlowy - Organize your brain.
- Scapple | Literature & Latte
- 技术人必备|55款软件工具盘点 - 掘金
- 5分钟白嫖我常用的免费效率软件/工具!效率300% up!
- 《吐血整理》顶级程序员工具集 - 掘金
- 如何在Windows下像Mac一样优雅开发 - 掘金
- 聊聊前端开发日常的协作工具(全)
- 小光头coder - 简书
- 程序员有哪些平时自己开发的小工具来简便工作? - 知乎
- 介绍移动应用程序功能的模板【免费下载】 - 梦想天空(山边小溪) - 博客园
- 技术 | 使用微信对话开放平台为公众号配置「智障机器人」
- 十款 Windows 下必装软件,大大增强工作幸福
- 在线工具 - 程序员的工具箱
- 微简vjpage4.1正式上线!快速制作界面,直接生成前端代码
- Origami Studio — Design Prototyping
- Marvel - The design platform for digital products
- W3Techs - extensive and reliable web technology surveys
- APICloud 手机APP开发、APP制作技术专家 - 中国领先低代码开发平台
- Saladict 沙拉查词
- 傲软投屏(ApowerMirror)官网 - 手机、电脑、电视无线投屏软件下载
$Password Manager
《密码管理器进化史》
- 密码管理器进化史(1/4) - 知乎
- 密码管理器进化史(2/4) - 知乎
- 密码管理器进化史(3/4) - 知乎
- 密码管理器进化史(4/4) - 知乎
《密码学》
- 密码学 | 庐山真面!你认为 Base64 是加密算法吗?
- 密码学 | 蓄势待发!说说什么是散列算法?
- 密码学 | 高屋建瓴!从全局理解消息摘要、加密、签名与数字证书
1password
- Password Manager for Families, Businesses, Teams | 1Password
- 施敬昭 的 1Password
buttercup-desktop
- buttercup/buttercup-desktop: Javascript Secrets Vault - Multi-Platform Desktop Application
- Buttercup
Bitwarden
- Bitwarden
- Bitwarden Open Source Password Manager | Bitwarden
keepassxc
- keepassxreboot/keepassxc: KeePassXC is a cross-platform community-driven port of the Windows application “Keepass Password Safe”.
- KeePassXC Password Manager
LastPass
- #1 Password Manager & Vault App, Enterprise SSO & MFA | LastPass
Passbolt
- passbolt/passbolt_api: Passbolt CE Backend, a JSON API written with Cakephp
- Passbolt | Open source password manager for teams
wifi-password
- sdushantha/wifi-password: Quickly fetch your WiFi password and if needed, generate a QR code of your WiFi to allow phones to easily connect
- 密码安全与管理 - 知乎
$SSH&SSL
¥SSH&SSL core
¥SSH&SSL libs、plugins&tools
MobaXterm
- MobaXterm free Xserver and tabbed SSH client for Windows
- MobaXterm学习与使用 - CSDN博客
OpenSSL
PuTTY
- PuTTY: a free SSH and Telnet client
- jinhucheung/letscertbot: Let's Certbot is a tool builds automated scripts base on Certbot for obtaining, renewing, deploying SSL certificates.
- letscertbot: Let's Certbot 是一个基于 Certbot 用于自动化获取、续期、部署 SSL 证书的工具
¥SSH&SSL 资源、整理集&FAQ
¥SSH&SSL 资源
¥SSH&SSL 整理集
《SSH 入门教程》
- wangdoc/ssh-tutorial: SSH 教程
- 《SSH 入门教程》发布了 - 阮一峰的网络日志
- SSH 教程 - 网道
《SSH原理与运用》
- SSH原理与运用(一):远程登录 - 阮一峰的网络日志
- SSH原理与运用(二):远程操作与端口转发 - 阮一峰的网络日志
- 25个必须记住的SSH命令 - 知乎
- SSH 命令的三种代理功能(-L/-R/-D) - 知乎
- Linux 下你所不知道的 7 个 SSH 命令用法 - 知乎
- SSH命令总结 - 远方789 - 博客园
¥SSH&SSL FAQ
- 网址HTTP如何转向HTTPS协议(SSL证书) - 掘金
- 如何生成SSH key - 简书
- SSH 基本用法 - 知乎
- 讲解ssh的用法和操作 - 知乎
- ssh命令的常用使用场景 - 知乎
- SSH 的原理与应用 - 知乎
- blog.xfly.one
$Terminal
Cmder
- Cmder | Console Emulator
- Win下必备神器之Cmder | 晚晴幽草轩
- 介紹好用工具:Cmder ( 具有 Linux 溫度的 Windows 命令提示字元工具 ) | The Will Will Web
FluentTerminal
- felixse/FluentTerminal: A Terminal Emulator based on UWP and web technologies.
Ticker
- achannarasappa/ticker: Terminal stock ticker with live updates and position tracking
$UI、UE、UX&视觉
¥UI Database
- Game UI Database | Welcome
Axure
- srm985/axure-redline-tool: Axure Interactive Redline Tool
- https://cdn.jsdelivr.net/npm/axure-redline-tool@latest/web/axure-redline-plugin.js
- Sean McQuay | Axure Redline Tool
- Axure Forums
- Axure Share | Host and Share Axure RP Prototypes
carbon-design-system
- Carbon Design System
- carbon-design-system/carbon: A design system built by IBM
color-design-helper
- zerolty/color-design-helper: help for color design
- color-design-helper/CN.md at master · zerolty/color-design-helper
- React Hooks 起手式,实现一个「高颜值实用」的色彩设计工具 · Issue #17 · renjie1996/Maple-FrontEnd-Blog
- Color-Design-Helper
Figma
- react-figma/react-figma: ⚛️ A React renderer for Figma
- react-figma/react-figma-boilerplate: 👯♀️ Boilerplate app for react-figma
- bernaferrari/FigmaToCode: Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.
- Figma-Linux/figma-linux: Figma is the first interface design tool based in the browser, making it easier for teams to create software. Join us in https://t.me/figma_linux and https://spectrum.chat/figma-linux
- aloisdeniel/figma-to-flutter: A Dart code generator that converts Figma components to Flutter widgets.
- jongold/figma-js: Little wrapper (+ types) for the Figma API
- Figma: the collaborative interface design tool.
Framer
- The prototyping tool for teams | Framer
Kitchen
- Kitchen Sketch 插件官方网站 - 让你的设计秀色可餐
style2paints: 给线稿图上色
- lllyasviel/style2paints: sketch + style = paints
theo
- salesforce-ux/theo: Theo is a an abstraction for transforming and formatting Design Tokens
- gulp-theo - npm
UTOM
- UTOM Design
- 百度EUX | 百度企业产品用户体验中心
- sux.baidu.com
- 马克鳗 - 设计稿标注、测量
- PxCook - 高效易用的自动标注工具,生成前端代码,设计研发协作利器
- 前端开发面对设计稿的相关思考 - 掘金
$文本&文档
¥diff、merge
- Meld
- WinMerge - You will see the difference…
- Downloads · TortoiseSVN
- KDiff3 download | SourceForge.net
- Helix Merge and Diff Tools (P4Merge) | Perforce
- SourceGear | DiffMerge
- www.componentsoftware.com
- SourceGear | DiffMerge
- DiffMerge - Download
- 免费好用的Diff和Merge工具大总结 - 云+社区 - 腾讯云
- 程序员喜欢的5款最佳代码比较工具_SmileMoon's Home-CSDN博客_代码比较工具
¥documentation browser
Dash
- Dash for macOS - API Documentation Browser, Snippet Manager - Kapeli
zeal
- zealdocs/zeal: Offline documentation browser inspired by Dash
- Zeal - Offline Documentation Browser
¥Markdown
Markdown core
- Markdown 語法說明
Markdown libs、plugins&tools
Boostnote
- BoostIO/Boostnote: A markdown editor for developers on Mac, Windows and Linux.
lint-md
- hustcc/lint-md: 检查中文 markdown 编写格式规范的命令行工具,基于 AST,方便集成 ci,写博客 / 文档必备。
marktext
- marktext/marktext: 📝A simple and elegant markdown editor, available for Linux, macOS and Windows.
markdown-nice
- mdnice/markdown-nice: 支持自定义样式的微信 Markdown 排版工具
- 让微信排版变 Nice
- 让微信排版变 Nice
- 解决了!微信公众号数学公式排版 - 掘金
markdown-licenses
- IQAndreas/markdown-licenses: A collection of open source licenses in Markdown format. Contributions are always welcome!
notable
- notable/notable: The Markdown-based note-taking app that doesn't suck.
remark
- remarkjs/remark: Markdown processor powered by plugins part of the @unifiedjs collective
- remark - markdown processor powered by plugins
readme-md-generator
- kefranabg/readme-md-generator: 📄 CLI that generates beautiful README.md files
- readme-md-generator/templates at master · kefranabg/readme-md-generator
stackedit
- benweet/stackedit: In-browser Markdown editor
- StackEdit – In-browser Markdown editor
simplemde-markdown-editor
- sparksuite/simplemde-markdown-editor: A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.
- JavaScript Markdown Editor - SimpleMDE
tui.editor
- nhn/tui.editor: 🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
- TOAST UI :: Make Your Web Delicious!
TreeMDown
- hollodotme/TreeMDown: [triː <'em> daʊn] PHP single page markdown tree browser
- 01-What-Is-TreeMDown.md - TreeMDown
VNoteX
- VNoteX
- vnotex/vnote: A pleasant note-taking platform.
- vnotex/viki: A simple Wiki page in Markdown from notebook of VNote.
- VNote - 一个更懂程序员和Markdown的笔记
- sindresorhus/css-in-readme-like-wat: Style your readme using CSS with this simple trick
- ifuture-pro/listify: Generate and merge table of contents for markdown file . Add it to README.md or other files
- shfshanyue/md-to-html-api: API convert markdown to beautiful html.
- xitu/juejin-markdown-themes: Markdown themes of https://juejin.cn/
- Md2All
Markdown 资源、整理集&FAQ
Markdown 资源
- guodongxiaren/README: README文件语法解读,即Github Flavored Markdown语法介绍
- Markdown 语法说明(简体中文版)
- UEditor - 示例
- Madoko - document
- Editor.md - 开源在线 Markdown 编辑器
- 欢迎使用马克飞象 - 马克飞象 - 专为印象笔记打造的Markdown编辑器
- 便签 - 锤子科技
- MarkdownPad - The Markdown Editor for Windows
- 图床 - Dev Fancy+
- Cmd Markdown 编辑阅读器 - 作业部落出品
- 開放中文轉換 Open Chinese Convert (OpenCC)
Markdown 整理集
《Markdown简明教程》
- CSDN Markdown简明教程1-关于Markdown_whqet-CSDN博客
- CSDN Markdown简明教程2-基本使用_whqet-CSDN博客
- CSDN Markdown简明教程3-表格和公式 - 博客频道 - CSDN.NET
- CSDN Markdown简明教程4-UML图_whqet-CSDN博客
- CSDN Markdown简明教程5-快速上手_whqet-CSDN博客
- CSDN Markdown简明教程-王海庆-专题视频课程_whqet-CSDN博客
Markdown FAQ
- Markdown如何空格和空行_开发工具_Moomin的博客-CSDN博客
- 简书
- 首页 - 简书
- Markdown——入门指南 - 简书
- 公欲善微信,必先藏利器——5个工具让你成为微信运营快手- 简书
- 「美」中不足的便签工具 —— 锤子便签2.5 - 简书
- Markdown - 热门问答 - 知乎
- 可能是目前最全面的Markdown写作解决方案 - 向阳乔木 - 知乎专栏
- 生产力 | Markdown 为何物
- 为什么要学习 Markdown?究竟有什么用?
- React 渲染 Markdown 的方法 | Calpa 的技術博客
¥Web扫描、打印
- the-paperless-project/paperless: Scan, index, and archive all of your paper documents
- Web打印探秘 - 掘金
¥思维导图
drawio
- jgraph/drawio-desktop: Official electron build of diagrams.net
XMind
- XMind - Mind Mapping Software
- XMind思维导图 | XMind中文官方网站
幕布
- 幕布 - 思维概要整理工具
- 我的文档 - 幕布
- 幕布 - 极简大纲笔记 | 一键生成思维导图
- ProcessOn - 免费在线作图,思维导图,流程图,实时协作
- 思维导图社区-海量模板在线使用
- 【GitMind官网】- 免费在线思维导图软件
- 干货 | 推荐几款实用的思维导图工具
MindMaster
- MindMaster 多平台思维导图软件,让您的创意破茧而出
- 在线思维导图软件 - MindMaster网页版
¥笔记
印象笔记(evernote)
- 最佳笔记应用 - 利用 Evernote 管理你的笔记
- 所有笔记 - Evernote
- 印象笔记 | 工作必备效率应用
- 印象笔记 | 工作必备效率应用
- 会议纪要--202102251600_MOP产商品局数据查询接口宣贯 | 印象笔记网页版
- 所有笔记 - 印象笔记网页版
- 印象笔记·剪藏|一键保存网页 | 印象笔记
- 印象识堂 | 常识 知识 见识
- 印象团队EverTeam - 专注团队协作 | 印象笔记
- 帐户一览
有道云笔记
- 有道云笔记|5000万用户的选择
- 有道云笔记
- 收藏到有道云笔记
¥排版
chinese-copywriting-guidelines
- sparanoid/chinese-copywriting-guidelines: Chinese copywriting guidelines for better written communication/中文文案排版指北
- mzlogin/chinese-copywriting-guidelines: Chinese Copywriting Guidelines:中文文案排版指北(简体中文版)
docxtemplater
- open-xml-templating/docxtemplater: Generate docx and pptx (microsoft word documents) from templates, from Node.js, the Browser and the command line / Demo: https://docxtemplater.com/demo
- docxtemplater - Complete docx and pptx generation programming library
- Installation — docxtemplater documentation
- Docxtemplater — docxtemplater documentation
fastText
- FastText:快速的文本分类器 - CSDN博客
- saurabhdaware/text-to-handwriting: So your teacher asked you to upload written assignments? Hate writing assigments? This tool will help you convert your text to handwriting xD
$网络爬虫
baidu-search-optimization
- Binkcn/baidu-search-optimization: 显示原始网址,移除重定向,针对网址进行过滤。
crawlab
- crawlab-team/crawlab: Distributed web crawler admin platform for spiders management regardless of languages and frameworks.
- 爬虫管理平台 Crawlab 新功能介绍 - 用 Git 做 CI/CD - 掘金
get_picture
- 1eeing/get_picture: 爬取你想要的图片
- TinyPNG – Developer API
gulius-projects
- DesertsX/gulius-projects: 收录古柳(DesertsX)的一些小项目
headless-chrome-crawler
- yujiosaka/headless-chrome-crawler: Distributed crawler powered by Headless Chrome
InfoSpider
- kangvcar/InfoSpider: INFO-SPIDER 是一个集众多数据源于一身的爬虫工具箱🧰,旨在安全快捷的帮助用户拿回自己的数据,工具代码开源,流程透明。支持数据源包括GitHub、QQ邮箱、网易邮箱、阿里邮箱、新浪邮箱、Hotmail邮箱、Outlook邮箱、京东、淘宝、支付宝、中国移动、中国联通、中国电信、知乎、哔哩哔哩、网易云音乐、QQ好友、QQ群、生成朋友圈相册、浏览器浏览历史、12306、博客园、CSDN博客、开源中国博客、简书。
juejinxiaoce
- oliyg/juejinxiaoce: 爬取掘金小册,并将 html 文件转为 markdown 格式文件
juejin-spider
- lxfriday/juejin-spider: 爬取掘金文章数据,查看在全站排行信息,查看自己关注、点赞、评论增长
- 掘金数据
- 【第三方掘金功能】掘金个人数据统计,第三方实现的掘金用户 dashboard - 掘金
PSpider
- xianhu/PSpider: 简单易用的Python爬虫框架,QQ交流群:597510560
phantomjs
- ariya/phantomjs: Scriptable Headless Browser
- Huddle/PhantomCSS: Visual/CSS regression testing with PhantomJS
- Huddle/PhantomFlow: Describe and visualise user flows through tests with PhantomJS
Web Scraper
- https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzI4OTU0NTU1NA==&action=getalbum&album_id=1337192863616106496&subscene=159&subscene=&scenenote=https%3A%2F%2Fmp.weixin.qq.com%2Fs%2FrmSau3V7Mm87_1wmaBcfNg#wechat_redirect
- JinJieTan/puppeteer-pdf: 使用Node.js爬取网页内容并且生成本地PDF文件
- yaochenkun/enterprise-info-spider: 一个爬取企查查网站中所有中国企业与公司基本信息的爬虫程序。
- 爬虫养成记——先跨进这个精彩的世界(女生定制篇) - 掘金
- 爬虫养成记--顺藤摸瓜回首掏(女生定制篇) - 掘金
- 爬虫养成记--千军万马来相见(详解多线程) - 掘金
- 50行实现Node.js多进程分页爬虫 - 掘金
- 技术玩具 | 使用Node.js爬取资源输出PDF文件到本地教程
$语言、标准、规范&风格
¥HTML&CSS
¥CSS规范
- Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
- Full property table
HTML Standard
- whatwg/html: HTML Standard
- HTML Standard
- HTML Standard
- HTML Standard
- RFC 7159 - The JavaScript Object Notation (JSON) Data Interchange Format
- Web Hypertext Application Technology Working Group
- HTML Standard
- HTML Standard
¥JavaScript
coffeescript
- jashkenas/coffeescript: Unfancy JavaScript
- CoffeeScript
- BingKui/javascript-zh: Airbnb 出品,目前非常流行的 JavaScript 代码规范(中文版)。其内对各种 js 范式的写法进行了详细的规定与说明,按照此规范写出的代码将会更加合理。
- HTML/CSS/JS编码规范 - 掘金
¥License
Internet Systems Consortium(ISC)
- Internet Systems Consortium
- ISC License (ISC) | Open Source Initiative
Massachusetts Institute of Technology(MIT)
- remy/mit-license: Hosted MIT License with details controlled through this repo
- MIT License
- MIT License
- MIT许可证_百度百科
- MIT许可证参考资料
Server Side Public License(SSPL)
- Server Side Public License (SSPL) | MongoDB
- SSPL_百度百科
- mono0926/LicensePlist: A license list generator of all your dependencies for iOS applications
- license: 一些主流开源许可证的模板
- News | Open Source Initiative
- Licenses & Standards | Open Source Initiative
- 开源协议知多少? - 简书
- 七种开源许可证 - 简书
¥styleguide
document-style-guide
- ruanyf/document-style-guide: 中文技术文档的写作规范
opensource.guide
- github/opensource.guide: Community guides for open source creators
- Open Source Guides | Learn how to launch and grow your project.
zh-google-styleguide
- zh-google-styleguide/zh-google-styleguide: Google 开源项目风格指南 (中文版)
- airbnb/javascript: JavaScript Style Guide
- google/styleguide: Style guides for Google-originated open-source projects
¥Software
The Twelve-Factor App
- heroku/12factor
- adamwiggins/12factor: Official fork now at: https://github.com/heroku/12factor
- The Twelve-Factor App
- The Twelve-Factor App
- The Twelve-Factor App (简体中文)
¥Web
API 接口规范
- API 接口设计规范 - 掘金
Accessible Rich Internet Applications,WAI-ARIA
- Accessible Rich Internet Applications (WAI-ARIA) 1.2
DOM Standard
- DOM Standard
IETF Documents
- IETF Documents
- RFC 6101 - The Secure Sockets Layer (SSL) Protocol Version 3.0
Mathematical Markup Language,MathML
- Mathematical Markup Language (MathML) Version 3.0 3rd Edition
Scalable Vector Graphics,SVG
- Scalable Vector Graphics (SVG) 2
WebReflection
- WebReflection (Andrea Giammarchi)
- WebReflection/bound-once: A fast, memory efficient, and tiny solution to an evergreen problem.
- WebReflection/bind.for: A lazy Function.prototype.for(context) bind helper
- WebReflection/custom-elements-when-defined: Patches whenDefined resolving with the Class
- WebReflection/custom-elements-no-builtin: A customElements polyfill, without builtin extends, targeting IE11+ and other browsers.
WebFundamentals
- google/WebFundamentals: Best practices for modern web development
- Web Fundamentals | Google Developers
World Wide Web Consortium,W3C
#CSS Working Group Editor Drafts
- CSS Working Group Editor Drafts
- CSS Fonts Module Level 3
Web Share API
- Web Share API
- How to Use the Web Share API | CSS-Tricks
- World Wide Web Consortium
- w3c/chinese-ig: Web中文兴趣组
- World Wide Web Consortium (W3C)
- All Standards and Drafts - W3C
- Geolocation API Specification 2nd Edition
- Web Content Accessibility Guidelines (WCAG) 2.1
- Techniques For Accessibility Evaluation And Repair Tools
- W3C on GitHub
- The W3C Markup Validation Service
在线速查手册
- OverAPI.com | Collecting all the cheat sheets
- OverAPI.com – 史上最全的开发人员在线速查手册 - 梦想天空(山边小溪) - 博客园
- Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)【系列十三】 - 梦想天空(山边小溪) - 博客园
- 特别推荐:Web开发常用速查手册大全 - 梦想天空(山边小溪) - 博客园
- 分享12份非常有用的 Google 速查手册 - 梦想天空(山边小溪) - 博客园
- 前端开发者喜欢的20个学习文档和指南 - 梦想天空(山边小溪) - 博客园
- 前端开发者必备的20个在线工具和指南 - 梦想天空(山边小溪) - 博客园
- 前端开发者必备的20个文档和在线工具 - 梦想天空(山边小溪) - 博客园
- 15个最佳的用户体验和用户界面工具和资源 - 梦想天空(山边小溪) - 博客园
- 推荐20个很有帮助的 Web 前端开发教程 - 梦想天空(山边小溪) - 博客园
- Web 前端开发精华文章推荐(HTML5、CSS3、jQuery)【系列二十三】 - 梦想天空(山边小溪) - 博客园
前端协作规范
- if 我是前端团队 Leader,怎么制定前端协作规范? - 掘金
- web前端工程师必看的一些前端规范与前端开发规约 - 25学堂
前端代码规范、开发规范&编程风格
Baidu EFE team
- Baidu EFE team
- ecomfe/spec: This repository contains the specifications.
- spec/javascript-style-guide.md at master · ecomfe/spec
Code Guide
- mdo/code-guide: Standards for developing consistent, flexible, and sustainable HTML and CSS.
- Code Guide by @mdo
CodeGuide
- AlloyTeam/CodeGuide: Alloyteam代码规范
- Code Guide by @AlloyTeam
- 编程风格 - ECMAScript 6入门
- 肉联帮团队前端代码规范 - 掘金
- 制定自己团队的前端开发规范 - 掘金
- 前端开发规范 - 掘金
- 前端项目开发规范 - 掘金
- 代码规范&设计模式落地之路 - 掘金
- 前端开发规范文档 - 掘金
- 前端开发规范梳理(全面记录) - 掘金
- 团队 React 代码规范制定 - 掘金
- 【译】四种基本的编程命名规范 - 掘金
- 一步一步,统一项目中的编码规范(vue, vscode, vetur, prettier, eslint) - 掘金
- 前端开发规范手册(命名、HTML、CSS、JS、ES6、React) - 掘金
- 前端项目代码规范落地方案 ESlint+Prettier - 掘金
- 代码规范化之Vue篇 - 掘金
- 前端代码质量-圈复杂度原理和实践 - 掘金
- 前端代码质量管理(一) - 掘金
- 你所需要知道的代码整洁之道 - 掘金
- 如何保障前端项目的代码质量 - 掘金
- 我们应该如何编写高质量的前端代码 - 掘金
- code-review之前端代码规范
- 编写高质量可维护的代码:一目了然的注释
- 前端开发风格指南
- 推荐几个大厂的前端代码规范,学会了,你也能写出诗一样的代码!
- Aotu.io - 前端代码规范
- 代码风格 - 反混沌
- Vue版的团队代码规范
- 转转前端开发规范的落地实践
- TGideas文档库
中后台规范
- 转转中后台规范落地实践
- (28 封私信 / 81 条消息) 编码规范作用 - 搜索结果 - 知乎
Web Incubator CG
- Web Incubator CG
- Web Incubator Community Group (WICG)
- freeCodeCamp/devdocs: API Documentation Browser
- DevDocs API Documentation
- 这个教人写出烂代码的项目在 GitHub 上火了...
$工作流
¥wiki&knowledge base
outline
- outline/outline: The fastest wiki and knowledge base for growing teams. Beautiful, feature rich, and markdown compatible.
- Outline – Team wiki & knowledge base
trilium
- zadam/trilium: Build your personal knowledge base with Trilium Notes
¥工作流客户端
feflow
- Tencent/feflow: 🚀 A command line tool aims to improve front-end engineer workflow and standard, powered by TypeScript.
- Feflow
fe-workflow
- luoxue-victor/fe-workflow: 本项目的第三次革命。第一次做了一个webpack教学,第二次集成了各种webpack最佳实践。第三次打算把这个项目做成一个工作流的工具链,包括初始化项目、打包、测试、联调
- @pkb/cli - npm
- @pkb/webpack-box - npm
legoflow
- legoflow/legoflow: 更轻、更强、开箱即用的 前端工作流客户端
- legoflow/legoflow-cli: 命令行工具
- LegoFlow 2
- LegoFlow 2 | 指南
tmt-workflow
- https://github.com/Tencent/tmt-workflow
WeFlow
- Tencent/WeFlow: A web developer workflow tool by WeChat team based on tmt-workflow, with cross-platform supported and environment ready.
- WeFlow | 一个高效、强大、跨平台的前端开发工作流工具
wordpressify
- luangjokaj/wordpressify: 🎈 A build system designed to automate your WordPress development workflow.
- WordPressify – A build system designed to automate your WordPress development workflow.
yeoman
- yeoman/yeoman: Yeoman - a set of tools for automating development workflow
- The web's scaffolding tool for modern webapps | Yeoman
跨端开发
- 前端技术周刊 2019-01-21:跨端开发的三条路线 - 掘金
- 使用API自动生成工具优化前端工作流 - 掘金
¥项目、建站&版本
¥CHANGELOG
changelog-view
- jdeniau/changelog-view: View changelog of packages in your console
conventional-changelog
conventional-changelog-cli
- conventional-changelog/packages/conventional-changelog-cli at master · conventional-changelog/conventional-changelog
- conventional-changelog-archived-repos/conventional-changelog-cli: deprecated, instead use https://github.com/conventional-changelog/conventional-changelog monorepo
- conventional-changelog
- conventional-changelog/conventional-changelog: Generate changelogs and release notes from a project's commit messages and metadata.
- grunt-conventional-changelog/CHANGELOG.md at master · btford/grunt-conventional-changelog
- conventional-changelog/conventional-changelog-config-spec: a spec describing the config options supported by conventional-config for upstream tooling
- conventional-changelog/atom-conventional-changelog: Atom conventional-changelog package
- conventional-changelog/meta: Project to allow organization members to organization their efforts.
- conventional-changelog/artwork: Artwork for the conventional-changelog organization.
github-changelog-generator
- github-changelog-generator/github-changelog-generator: Automatically generate change log from your tags, issues, labels and pull requests on GitHub.
keep-a-changelog
- olivierlacan/keep-a-changelog: If you build software, keep a changelog.
standard-changelog
- conventional-changelog-archived-repos/standard-changelog: deprecated, instead use https://github.com/conventional-changelog/conventional-changelog monorepo
- sunshine940326/changelog-test
- Commit message 和 Change log 编写指南 - 阮一峰的网络日志
- changelog 日志自动生成插件 - 掘金
- Commit Message & Change Log - 简书
¥RELEASE
standard-changelog
- conventional-changelog/releaser-tools: Create a GitHub/GitLab/etc. release using a project's commit messages and metadata.
- conventional-changelog/grunt-conventional-github-releaser: Make a new GitHub release using conventional-github-releaser
¥VERSION
standard-version
- conventional-changelog/standard-version: Automate versioning and CHANGELOG generation, with semver.org and conventionalcommits.org
语义版本
auto-vers
- zerolty/auto-version: It will auto update package version when build your application.
- auto-vers - npm
semver
- semver/semver: Semantic Versioning Specification
- Semantic Versioning 2.0.0 | Semantic Versioning
- 语义化版本 2.0.0 | Semantic Versioning
- pkg版本规范管理自动化最佳实践 - 掘金
- 版本命名及限定规则详解 - 个人文章 - SegmentFault 思否
- conventional-changelog-archived-repos/conventional-recommended-bump: deprecated, instead use https://github.com/conventional-changelog/conventional-changelog monorepo
- 一套属于前端的版本控制系统!更新!!不求人!!!
- 软件版本号规范与命名原则 - scott-X - 博客园
应用管理
JSUI
- kitze/JSUI: A powerful UI toolkit for managing JavaScript apps
- 前端项目文件组织与组件命名 - 掘金
- 用 Feature First 的方式管理前端项目复杂度 - 掘金
- 我们是如何管理一个 1w+ stars 的开源仓库的 - 掘金
- 用 Feature First 的方式管理前端项目复杂度 - 掘金
- 如何管理好10万行代码的前端单页面应用
- 前端架构,前端架构组织结构,目录结构架构 - CSDN博客
¥计划、任务、进度管理
滴答清单(TickTick)
- TickTick: 一个帮你高效完成任务和规划时间的应用
- Inbox - TickTick
- 滴答清单: 一个帮你高效完成任务和规划时间的应用
- 收集箱 - 滴答清单
- 下载 - 滴答清单
- 如何更好地使用滴答清单(TickTick)? - 知乎
- Worktile智能化研发管理工具
- 爱莫能记
- 时光短信
- 哎哟提醒
- 企业SaaS软件及云应用 - Zoho中国官网
- 项目管理软件 - 在线项目管理系统 - Zoho Projects
- 码道人 - 开发者最好的朋友
- Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
- Airtable | Create apps that perfectly fit your team's needs
- 维格表
- 飞书多维表格-融合表格和业务系统能力的新一代效率应用
- Teamin群协作—微信群管理/微信群助手/微信文档
- 智办事 - 工作就是智办事
- Tita - OKR和持续绩效管理平台
- 时光序
- ONES 企业级研发管理工具 | ONES
- Teambition · 阿里巴巴工作学习套件
- 敬业签云便签官网 - Windows电脑桌面便签软件安装下载|Win10便签|win7电脑便签与手机便签云同步协作服务便签APP|公历农历桌面日历便签及定时提醒待办事项计划任务清单时间管理工具
- 日事清-高效能团队管理专家
- 鱼骨 - 敏捷开发工具|项目团队管理软件|异地协同办公绩效系统
- Trello
- WikiWorks: MediaWiki Consulting
- 金和OA_oa系统_oa办公系统_办公自动化软件_26年专业协同管理软件
- Team Workspace - Taskade
¥代码编辑、分享&校验
#API documentation
jsdoc
Build Tools
- krampstudio/grunt-jsdoc: A grunt plugin to generate javascript doc by running jsdoc3 on your grunt projects.
- mlucool/gulp-jsdoc3: gulp integration for jsdoc3 cli
For More Information
- jsdoc3/jsdoc3.github.com: JSDoc 3 website
- Newest 'jsdoc' Questions - Stack Overflow
- Join JSDoc on Slack!
- (99+) JSDoc Users - Google 网上论坛
Other Tools
- jsdoc2md/jsdoc-to-markdown: Generate markdown documentation from jsdoc-annotated javascript
- Integrating GitBook with JSDoc to Document Your Open Source Project
Templates
- davidshimjs/jaguarjs-jsdoc: A Template of jsdoc for jaguar.js project
- docstrap/docstrap: A template for JSDoc3 based on Bootstrap and themed by Bootswatch
- DBCDK/jsdoc3Template: A custom Customizable JSDOC3 template - forked with changes from DBC
- clenemt/docdash: Lodash inspired JSDoc 3 template/theme
- nhnent/tui.jsdoc-template: TUI JSDoc Template, Demo: https://nhnent.github.io/tui.jsdoc-template/latest/
- SoftwareBrothers/better-docs: Beautiful theme/template for jsdoc generated documentation
- nijikokun/minami: Clean and minimal JSDoc 3 Template / Theme
- jsdoc3/jsdoc: An API documentation generator for JavaScript.
- Use JSDoc: Index
- Use JSDoc: Index
- JSDoc: 一个JavaScript API文档生成器 | JSDoc中文网
react-docgen
- reactjs/react-docgen: A CLI and toolbox to extract information from React component files for documentation generation purposes.
#IDE
Atom
- Atom
- Atom 中文社区
- 新编码神器Atom使用纪要 | 晚晴幽草轩
codesandbox
- codesandbox/codesandbox-client: An online IDE for rapid web development
- Create a new Sandbox - CodeSandbox
CodeMirror
- codemirror/CodeMirror: In-browser code editor
- codemirror/codemirror.next: The next generation of the CodeMirror in-browser editor
- emmetio/codemirror-plugin: Emmet plugin for CodeMirror web editor
Emmet
- 前端开发必备!Emmet使用手册_Emmet 教程_w3cplus
- docs.emmet.io
- Abbreviations Syntax
Hype3
- 前端开发神器Hype3初体验-可视化、响应式、动效 - 掘金
- Hype3 — 无代码制作动效HTML5页面、动画神器(上篇) - 简书
- Win10电脑虚拟安装苹果MacOS无敌完整版_百度经验
- 首页 Hype中国社区
- Tumult Hype Documentation
JetBrains
IntelliJ
- IntelliJ IDEA the Java IDE
- IntelliJ IDEA 详细图解最常用的配置 ,适合刚刚用的新人。 - 请叫我大师兄 - CSDN博客
- (1条消息)IDEA通过jar包进行破解(亲测可用!)_开发工具_qq_41582642的博客-CSDN博客
- IntelliJ IDEA 注册码
- IntelliJ IDEA下载+激活+教程[图文+视频]整理 - 编程语言 / Java - CoCode
- IntelliJ IDEA 2016 破解旗舰版 - 博客吧
- IntelliJ IDEA 界面介绍 - IntelliJ IDEA使用教程 - PHPERZ中文资讯站
- idea 插件的使用 进阶篇(个人收集使用中的)-IT大道
JetbrainsCrack
- CrazyNing98/JetbrainsCrack: Jetbrains系列工具破解补丁
Toolbox App
- JetBrains Toolbox App: Manage Your Tools with Ease
WebStorm
- WebStorm: The Smartest JavaScript IDE
- Previous Releases - WebStorm
- Webstorm2018最新激活码 - 冬哥的博客 - CSDN博客
- WebStorm移除项目,但项目还在创建项目的路径下 - zzhsmile520的博客 - CSDN博客
- webstorm 2018 激活破解方法大全 - 唐大帅的编程之路 - CSDN博客
- WebStorm 2018.3.2 激活方式(永久) - CSDN - CSDN博客
- WebStorm 2018.3.4破解方式 - 二姐的西瓜君 - CSDN博客
- JetBrains: Essential tools for software developers and teams
scratches
- hxoht/scratches: A scratchpad with node & browser apis.
sublime
- jikeytang/sublime-text: sublime-text
- jsfront/sublime-text: sublime-text
- spadgos/sublime-jsdocs: Simplifies writing DocBlock comments in Javascript, PHP, CoffeeScript, Actionscript, C & C++
- philippotto/Sublime-MultiEditUtils: A Sublime Text Plugin which enhances editing of multiple selections by adding various features.
- wakatime/sublime-wakatime: Sublime Text 2 & 3 plugin for automatic time tracking and metrics generated from your programming activity.
- wuub/SublimeREPL: SublimeREPL - run an interpreter inside ST2 (Clojure, CoffeeScript, F#, Groovy, Haskell, Lua, MozRepl, NodeJS, Python, R, Ruby, Scala, shell or configure one yourself)
- aziz/PlainTasks: An opinionated todo-list plugin for Sublime Text editor (version 2 and 3)
- pichillilorenzo/JavaScript-Completions: JavaScript Completions for sublime text. It helps you to write your scripts more quickly with hints and completions.
- Browse - Package Control
- Package Control - the Sublime Text package manager
- MultiEditUtils - Packages - Package Control
- Sublimerge 3 - Packages - Package Control
- Dashboard · WakaTime
- 我使用的 Sublime Text 插件 - 掘金
- Sublime插件:主题篇 - 简书
- 编码神器——Sublime Text 包管理工具及扩展大全 - 梦想天空(山边小溪) - 博客园
- sublime text3基本使用及常用插件介绍
- 如何优雅地使用Sublime Text | 晚晴幽草轩
- 代码校验工具 SublimeLinter 的安装与使用
- (2 条消息) Sublime Text 有哪些使用技巧? - 知乎
Stackblitz
- The online code editor for web apps. Powered by Visual Studio Code. - StackBlitz
TinyEditor
- umpox/TinyEditor: A functional HTML/CSS/JS editor in less than 400 bytes
VS Code
《VS Code 折腾记》
- VS Code折腾记 - (1)扯淡 - 掘金
- VS Code折腾记 - (2) 快捷键大全,没有更全 - 掘金
- VS Code折腾记 - (3) 多图解VSCode基础功能 - 掘金
- VS Code折腾记 - (4) 常用必备插件推荐【前端】 - 掘金
- VS Code折腾记 - (5) Angular 2+ && Typescript 2+必备插件推荐 - 掘金
- VS Code 折腾记 - (6) 基本配置/快捷键定义/代码片段的录入(snippet) - 掘金
- VS Code 折腾记 - (7) 内置Debug功能深入【调教angular-cli 最新版】 - 掘金
- VS Code 折腾记 - (8) 新一波实用插件推荐(前端)|NG2+|TS2|Vue|React|Node|版本控制|主题 - 掘金
- VS Code 折腾记 - (9) 新一轮前端插件(代码质量|正则|版本控制|NG|Vue|React) - 掘金
- VS Code 折腾记 - (10) 你想发布自己捣鼓的snippets到VSCode插件市场! - 掘金
- VS Code 折腾记 - (11) 再来一波插件推荐!(代码片段,框架,Node,touchbar,TS,Git,数据库,python!!) - 掘金
- VS Code 折腾记 - (12) 春节前的最后一波插件推荐(前端/协作/主题) - 掘金
- VS Code 折腾记 - (13) VS Live Share (可提高效率的代码实时协作插件)的使用姿势 - 掘金
- VS Code 折腾记 - (14) 再来推荐一波大前端适用系列 (Node/React/Vue/小程序/主题/代码体验等) 的插件 - 掘金
- VS Code 折腾记 - (15) 再来一波大前端适用系列的插件(主打编码体验改善) - 掘金
- VS Code 折腾记 - (16) 推荐一波实用的插件集
- VS Code 折腾记 - (17) Debug for Chrome(附加模式[支持浏览器插件的使用])
- VS Code 折腾记 - (18) 运维及持续集成相关的拓展推荐
- VS Code 折腾记 - (19) 一些相对实用的编码体验插件(偏前端)
- microsoft/vscode-docs: Public documentation for Visual Studio Code
- Sugar250/Visual-Studio-Code-Keymap-CN: Visual Studio Code Keymap in Chinese.
- tonsky/FiraCode: Monospaced font with programming ligatures
- viatsko/awesome-vscode: 🎨 A curated list of delightful VS Code packages and resources.
- hediet/vscode-debug-visualizer: An extension for VS Code that visualizes data during debugging.
- crper/Visual-Studio-Code-CNKEYMAP: Visual Studio Code快捷键中文版
- think2011/vscode-vue-i18n: 🔖 这个插件能够帮到你方便浏览和编写 Vue i18n
- antfu/i18n-ally: 🌍 All in one i18n extension for VS Code
- OBKoro1/koro1FileHeader: 在vscode中用于生成文件头部注释和函数注释的插件,经过多版迭代后,插件:支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单!觉得插件不错的话,点击右上角给个Star⭐️呀~
- 配置 · OBKoro1/koro1FileHeader Wiki
- JavaScript Programming with Visual Studio Code
- jsconfig.json Reference
- Sublime Babel - Visual Studio Marketplace
- Debugger for Chrome - Visual Studio Marketplace
- Formatting Toggle - Visual Studio Marketplace
- 工作中常用的vscode插件 - 掘金
- 你的vscode本可以这么炫 - 掘金
- 推荐几个 VSCode 摸鱼插件 - 掘金
- 动图演示23个鲜为人知的VSCode快捷键 - 掘金
- vscode-yapi-插件首发「交个朋友」 - 掘金
- VS Code 必备插件推荐 - 小贤笔记 - CSDN博客
- vscode使用Setting Sync_开发工具_Blog-CSDN博客
- 解决:对修饰器的实验支持是一项将在将来版本中更改的功能。设置+"experimentalDecorators"+选项以删除此警告。 - 简书
- VSCODE 推荐插件 - 简书
- 令人惊叹的Visual Studio Code插件 - Sroot - 博客园
- VS Code 必知必会的 20 个快捷键!
- codespaces-contrib/codeswing: VS Code extension for building web applications ("swings") using a interactive and editor-integrated coding environment
- terminal-stocks/app.js at master · SugarTurboS/terminal-stocks
- 实战-从零开始实现VS Code基金插件(上班摸鱼可用)
- adobe/brackets: An open source code editor for the web, written in JavaScript, HTML and CSS.
- chriskempson/tomorrow-theme: Tomorrow Theme now lives on at https://github.com/chriskempson/base16
- 精选!5 个必备必知必用的前端插件 - 工具资源 - 掘金
- 搭建一个属于自己的在线 IDE
- RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码
- CodePen - Front End Developer Playground & Code Editor in the Browser
- Edit fiddle - JSFiddle
- Cloud9 - Your development environment, in the cloud
- Notepad++ Home
- Coding WebIDE 开启云端开发模式! - Coding.net
- JetBrains:面向专业人员和团队的开发工具 JetBrains 中文官网
- Spket IDE - JavaScript Editor
- SimplyY 的博客:atom tips
- Wingware Python IDE
- Brackets - A modern, open source code editor that understands web design.
- CodeSandbox: Online Code Editor and IDE for Rapid Web Development
- JS Bin 一款很好的web开发辅助工具 - 林福山053 - 简书
- 你可能没用过的10款优秀代码编辑器,最喜欢哪个? - 梦想天空(山边小溪) - 博客园
- 给 Web 前端开发人员推荐20款 CSS 编辑器 - 梦想天空(山边小溪) - 博客园
#在线实时协作
- mozilla/togetherjs: A service for your website that makes it surprisingly easy to collaborate in real-time.
- Mozilla Labs : TogetherJS
- TAPD-敏捷开发 项目管理 腾讯敏捷产品研发平台
#代码校验、提速&解析
Kite
- Kite
- Kite - Free AI Coding Assistant and Code Auto-Complete Plugin
- Kite Help Desk
nearley
- kach/nearley: 📜🔜🌲 Simple, fast, powerful parser toolkit for JavaScript.
- Home - nearley.js - JS Parsing Toolkit
prepack
- facebook/prepack: A JavaScript bundle optimizer.
- prepack - npm
- Prepack · Partial evaluator for JavaScript
- JSHint, a JavaScript Code Quality Tool
- The Roles Model | Accessible Rich Internet Applications (WAI-ARIA) 1.0
- Supported States and Properties | Accessible Rich Internet Applications (WAI-ARIA) 1.0
- JSLint: The JavaScript Code Quality Tool
- 注释那些事儿 - 前端代码质量系列文章(一) - 掘金
- 圈复杂度那些事儿-前端代码质量系列文章(二) - 掘金
- [译] 避免那些可恶的 "cannot read property of undefined" 错误 - 掘金
- JavaScript 复杂判断的更优雅写法 - 掘金
- [译] 五个小技巧让你写出更好的 JavaScript 条件语句 - 掘金
#代码统计&查询
codelf
- unbug/codelf: A search tool helps dev to solve the naming things problem.
- CODELF
sloc
- flosse/sloc: simple tool to count SLOC (source lines of code)
searchcode
- searchcode | source code search engine
- searchcode's free api | source code search engine
- arzzen/git-quick-stats: ▁▅▆▃▅ Git quick statistics is a simple and efficient way to access various statistics in git repository.
- casperdcl/git-fame: Pretty-print `git` repository collaborators sorted by contributions.
- IonicaBizau/git-stats: 🍀 Local git statistics including GitHub-like contributions calendars.
- GitHub Protips: Tips, tricks, hacks, and secrets from Lee Reilly - The GitHub Blog
- VisualStudioCode统计项目代码行数 - 简书
#代码演示&分享
bit
《Bit 最佳实践》
- Bit 最佳实践 - 第一节:搭建 bit server 私服
- Bit 最佳实践 - 第二节:基于bit的组件共享工作流之一的实践
- Bit 最佳实践 - 第三节:bit是如何处理组件之间的依赖的
- Bit 最佳实践 - 第四节:编写可复用bit组件规范与方案
- teambit/bit: Easily share code between projects with your team.
- bit-bin - npm
- Bit - Share and build with code components
- Component Discovery and Collaboration · Bit
- 【授权转载】bit 远端存储scope解析
- bit 专题:由组件复用到 bit 适用场景
- ebit - 源码复用 bit 工作流
- ebit 写权限控制实现
carbon
- dawnlabs/carbon: 🎨 Create and share beautiful images of your source code
- Carbon
- Carbon
glorious-demo
- glorious-codes/glorious-demo: The easiest way to demonstrate your code in action.
- Glorious Demo
Snipper.io
- Snipper.io
¥代码评审(Code Review)
- OCLint 实现 Code Review - 给你的代码提提质量 - 掘金
- 有赞美业前端: 持续标准化 Code Review - SegmentFault 思否
- 11个代码质量审核和管理工具,程序员必备!
- web前端技术圈
¥代码托管工具
bitbucket
- Overview — Bitbucket
- Bitbucket | The Git solution for professional teams
Git
Git core
#Bash
Bash core
Bash libs、plugins&tools
Bash 资源、整理集&FAQ
Bash 资源
- alexanderepstein/Bash-Snippets: A collection of small bash scripts for heavy terminal users
- dylanaraps/pure-bash-bible: 📖 A collection of pure bash alternatives to external processes.
Bash 整理集
《Bash 脚本教程》
- 《Bash 脚本教程》发布了 - 阮一峰的网络日志
- Bash 脚本教程 - 网道
- wangdoc/bash-tutorial: Bash 教程
Bash FAQ
Setup and Config
git config
commit.template
- gist.github.com
- Git Commit Template如何检查 - 简书
- Git - git-config Documentation
- Git - 配置 Git
- Git重命名仓库、修改远程仓库地址、修改仓库配置 - Spring的博客 - CSDN博客
- git 给远程库 添加多个url地址 - u012022003的专栏 - CSDN博客
- 将项目同时托管到Github和Git@OSC - 哦这样的孤单 你冷若冰霜 - 开源中国
- IDEA/Git 设置多个push远程仓库或者同时提交多个push仓库 - MyHome - 开源中国
- git修改远程仓库地址 - 赖忠标 - 博客园
- Git - git Documentation
- Git - git-help Documentation
Getting and Creating Projects
git 仓库管理
- Google Git-Repo 多仓库项目管理 - 掘金
- Git关联远程仓库 - 江南一点雨的专栏 - CSDN博客
- 本地项目关联到远程git仓库 - Vi_error.nextval - CSDN博客
- 新创建git仓库 - 跨省少年的博客 - CSDN博客
- Git的使用--如何将本地项目上传到Github(两种简单、方便的方法) - Fan2g - CSDN博客
- 从本地更新已有项目到github - CSDN博客
- Git的使用--如何将本地项目上传到Github - CSDN博客
- 从本地更新已有项目到github - CSDN博客
- Git push与pull的默认行为 - 蛤蛤 - SegmentFault 思否
- Git 项目提交新仓库 - 兜兜里没糖糖 - 博客园
- 使用git将项目上传到github(最简单方法) - CKTim - 博客园
- 利用git把本地项目传到github+将github中已有项目从本地上传更新 - 二十年后20 - 博客园
- 利用git把本地项目传到github+将github中已有项目从本地上传更新 - 二十年后20 - 博客园
- 将项目(代码)从GitHub上克隆(下载)到本地仓库 - 江峰★ - 博客园
- git push origin与git push -u origin master的区别 - 水木神舟10 - 博客园
- Git 本地新建,删除分支并推送到远程仓库 - veryvalley - 博客园
- Git - git-init Documentation
- Git - git-clone Documentation
Basic Snapshotting
git add
- Git - git-add Documentation
- git add 添加多个文件 - 飞越蓝天的专栏 - CSDN博客
- git 命令添加整个文件夹以及文件夹下的内容 - 飞越蓝天的专栏 - CSDN博客
- git 一次add 多个文件和文件夹的方法 - HeatDeath的博客 - CSDN博客
git status
- Git - git-status Documentation
git diff
- Git - git-diff Documentation
git commit
- Git - git-commit Documentation
- karma/CHANGELOG.md at master · karma-runner/karma
- yalishizhude/commit-specification: 跨语言的git提交规范解决方案。A cross-language resolution for git commit message specification.
- Git Commit Message Conventions - Google 文档
- 从一件小事聊聊软件工程师的自我修养 | 掘金年度征文 - 掘金
- git commit触发的hook - 简书
- git commit中输入message的几种方式 - 简书
- git commit --amend用法(摘抄) - 简书
- 好用的git commit --amend命令 - 简书
- git commit --amend两种用法_移动开发_unbroken-CSDN博客
- 使用 git commit --amend 修改历史 commit 信息 - 南木阁 - SegmentFault 思否
- git commit --amend 用法详解 - 知乎
- Git commit 常见用法 - 浅浅念 - 博客园
- git commit-amend-蚂蚁部落
- Git 提交记录和分支模型
- git commit之后,想撤销commit - 持&恒 - 博客园
git notes
- Git - git-notes Documentation
git restore
- Git - git-restore Documentation
git reset
- Git - git-reset Documentation
- 撤销修改 - 廖雪峰的官方网站
- Git reset - 林多多 - CSDN博客
- git reset --hard 放弃本地修改 - zyfzhangyafei的专栏 - CSDN博客
- git reset --hard 之 git版本回退 - 专注于全栈游戏开发 - CSDN博客
- git reset 三种用法总结 - alphapersonality的博客 - CSDN博客
- git reset --hard 和 git reset --sort区别 - 洋成林 - CSDN博客
- Git恢复之前版本的两种方法reset、revert(图文详解) - 游笑天涯 - CSDN博客
- git revert 和 git reset 的区别 - qq_33442844的博客 - CSDN博客
- Git 版本回退(代码回滚) - DeMon - CSDN博客
- [Git高级教程(二)] 远程仓库版本回退方法 - 梧桐那时雨 - CSDN博客
- GIT回滚master分支到指定tag版本 - A点点圈圈A的博客 - CSDN博客
- Git Reset 三种模式 - 简书
- Git reset命令的使用 - 简书
- git reset soft,hard,mixed之区别深解 - 世有因果知因求果 - 博客园
- Git版本恢复命令reset(转载) - 一点点征服 - 博客园
- github总结(4)--关于git reset --hard这个命令的惨痛教训 - 前端段子手 - 博客园
- git撤销commit - 泪已凝 - 博客园
- git reset与git revert比较 - N神3 - 博客园
- git 放弃本地修改 - 上官云清 - 博客园
- 【Gitlab】GIT回滚master分支到指定tag版本 并提交远程仓库 - ·悟空· - 博客园
- [Git] Reset - mixed, hard and soft | 搞搞就懂 - 點部落
- git git reset --hard HEAD^ 和 git reset HEAD^ 的区别 - 黑客派
- Git Book 中文版 - Git的撤消操作 - 重置, 签出 和 撤消
git rm
- Git - git-rm Documentation
git mv
- Git - git-mv Documentation
- Git中的add(暂存)和commit(提交)详解 - u012803663的博客 - CSDN博客
- git取消add和commit操作 - 随手记两笔 - CSDN博客
- git add.和git commit这两个在git pull前面还是后面啊 - SegmentFault 思否
- 为什么要先git add才能git commit?
- git学习整理(2)git add与git commit理解 - MO蓦然回首 - 博客园
- GIT入门笔记(9)- git的add和commit机制原理 - 长安快马 - 博客园
Branching and Merging
git branch
- Git - git-branch Documentation
- git branch -v、git branch -vv、git branch -verbose - MilesGO - 博客园
- 【git初步】git branch -v、git branch -vv、git branch -ve - 豌豆ip代理
git checkout
- Git - git-checkout Documentation
git switch
- Git - git-switch Documentation
git merge
- Git - git-merge Documentation
- Git - git-merge Documentation
- 5.1 代码合并:Merge、Rebase 的选择 · geeeeeeeeek/git-recipes Wiki
- 聊下git merge --squash - iOS - 掘金
- git merge代码合并--no--ff等含义 - 拼搏在2014 - CSDN博客
- git Fast-forward与no-ff的区别 - fangchao3652 - CSDN博客
- git merge简介 - Robin Hu的专栏 - CSDN博客
- git merge 跟 git merge -no-ff - Bad Boy - CSDN博客
- [Gerrit] git merge合并分支后,push远程时被拒绝! [remote rejected] HEAD -> refs/for/master (no new changes)_杰希默克的博客-CSDN博客_! [remote rejected]
- (...) git merge --no-ff是什么意思 - SegmentFault 思否
- 聊下git merge --squash - 王清培 - 博客园
git mergetool
- Git - git-mergetool Documentation
git log
- Git - git-log Documentation
- Git - git-log Documentation
git stash
- Git - git-stash Documentation
- Git - Stashing
- Git - 储藏(Stashing)
- Git - git-stash Documentation
- Bug分支 - 廖雪峰的官方网站
- git stash命令 - 玄火的专栏 - CSDN博客
- 玩转GIT之看清 git stash 的本质 - godkun的博客 - CSDN博客
- git stash详解 - stone_yw的博客 - CSDN博客
- git stash 用法详解 - xihuanzhi1854的博客 - CSDN博客
- 【Git学习】从git stash原理理解三大区域和分支切换 - fxkcsdn的博客 - CSDN博客
- git stash详解_Python_realLiuNing的博客-CSDN博客
- git stash命令的所有情况详解+git stash push和git stash save的区别+WIP缩写的理解_运维_萌新李同学的博客-CSDN博客
- git stash的详细讲解 - 简书
- git之stash - 简书
- git stash - 简书
- git-stash用法小结 - 简书
- git 高阶用法 - 粉刷匠的小毛刷 - SegmentFault 思否
- 用中文说说 git stash - 代码自留地 - SegmentFault 思否
- git-stash用法小结 - Tocy - 博客园
- git stash 用法 - 泡面狂 - 博客园
- git stash 用法总结和注意点 - 加个小鸡腿 - 博客园
- git切换到别的分支,要暂时保存当前分支的修改(不想进行add 和commit)的方法 git stash - 技术随笔 - 博客园
- Git stash 常见用法 - 浅浅念 - 博客园
- git stash命令使用手册 - petercao - 博客园
- git stash用法详解-蚂蚁部落
- git stash用法详解-蚂蚁部落
- git stash save与git stash push区别-蚂蚁部落
- git stash的基本使用方法-百度经验
- git stash apply version - Stack Overflow
git tag
- Git - git-tag Documentation
- git 打tag步骤_开发工具_intelrain的博客-CSDN博客
- Git tag 给当前分支打标签 - x3d - 博客园
git worktree
- Git - git-worktree Documentation
git 分支管理
fast-forward
- git - How to fast-forward a branch to head? - Stack Overflow
- 三分钟教你学Git(十二) 之 fast-forward_hongchangfirst-CSDN博客
- Git中的Fast forward选项_qq_40583925的博客-CSDN博客
- Git – Fast Forward 和 no fast foward - 简书
- git学习笔记 - 简书
- git恢复fast forward模式 - SegmentFault 思否
- Git – Fast Forward 和 no fast foward - bcombetter - 博客园
- 【Todo】git的fast forward & git命令学习 & no-ff - blcblc - 博客园
- Git fast forward提交 - 综合编程类其他综合 - 红黑联盟
git 删除
- git删除文件夹/文件(不删除本地文件) - CSDN博客
- git操作基础:删除文件夹 - CSDN博客
- git 删除分支(本地/远程) - zhuchunyan_aijia的博客 - CSDN博客
- Git 删除本地和远程分支_开发工具_尘埃落定-CSDN博客
- git 删除分支 - 简书
- git 删除本地分支和远程分支、本地代码回滚和远程代码库回滚 - PianoCoder - 博客园
- 【git】git 常用命令(含删除文件) - boluo1230 - 博客园
- git删除远程分支和本地分支 - 罗松超 - 博客园
- git的分支管理 - 掘金
- Git分支管理策略 - 阮一峰的网络日志
- git基本使用 创建切换合并分支以及提交本地分支至远程分支 - 伏念先生的博客 - CSDN博客
- git比较两个分支的文件的差异 - yzpbright的博客 - CSDN博客
- git比较两个版本之间的区别 - 阳水平的博客 - CSDN博客
- git拉取远程分支并创建本地分支 - zhangxiaoyang0的专栏 - CSDN博客
- 使用git克隆指定分支的代码 - ButterflyGirl - 博客园
- git 远程新建分支后,本地查看不到 - aaron_agu - 博客园
- git切换分支保存修改的代码的方法 – Tony的技术空间
- Git查看、删除、重命名远程分支和tag | zrong's Blog
- Git与远程repository同步tag和branch – 笑遍世界
Sharing and Updating Projects
git fetch
- Git - git-fetch Documentation
- git fetch步骤_封狼居胥-CSDN博客
- What does 'git fetch -p' means - Stack Overflow
git pull
- Git - git-pull Documentation
- git pull 强制覆盖本地 - 掘金
- 简单对比git pull和git pull --rebase的使用-(转)_toyijiu的专栏-CSDN博客
- 聊下git pull --rebase_斜阳雨陌-CSDN博客
- 为什么要使用git pull --rebase? - 简书
- 简单对比git pull和git pull --rebase的使用 - 简书
- 对比git pull和git pull --rebase - gefufeng的个人页面 - OSCHINA
- git pull和git pull --rebase之间的区别_慕课猿问
- 简单对比git pull和git pull --rebase的使用 - 散尽浮华 - 博客园
- git pull和git pull --rebase的使用 - 陈亚 - 博客园
- git pull --rebase的理解 - kungfupan - 博客园
- 聊下git pull --rebase - 王清培 - 博客园
git push
- Git - git-push Documentation
git remote
- Git - git-remote Documentation
- Git - git-remote Documentation
- git remote update origin --prune not working with Bitbucket - Stack Overflow
- 聊下 git remote prune origin_dengzai7446的博客-CSDN博客
- 聊下 git remote prune origin_网络_王清培-CSDN博客
- git 如何同步本地、远程的分支和tag信息_开发工具_风一样自由-CSDN博客
- Git 清理无效的远程追踪分支 - 简书
- 聊下 git remote prune origin - 王清培 - 博客园
- git remote prune origin删除本地有但在远程库已经不存在的分支 - 崔凯通 - 博客园
git submodule
- Git - git-submodule Documentation
Inspection and Comparison
git show
- Git - git-show Documentation
git difftool
- Git - git-difftool Documentation
git range-diff
- Git - git-range-diff Documentation
git shortlog
- Git - git-shortlog Documentation
git describe
- Git - git-describe Documentation
Patching
git apply
- Git - git-apply Documentation
- git apply patch doesn't work: no such file or directory - Stack Overflow
- 活用 git apply 合入 patch 补丁 - 掘金
- git diff 生成patch, git apply patch 打补丁方法说明,以及分支管理的简单操作。_dake_160413的博客-CSDN博客
- Git Patch 操作 - 简书
- 如何使用git 生成patch 和打入patch【转】 - 请给我倒杯茶 - 博客园
- git 打patch和应用patch 流程 - 魔法少女希维尔 - 博客园
- Git命令解析-patch、apply、diff
git cherry-pick
- Git - git-cherry-pick Documentation
- git cherry-pick_w3cschool
- git cherry-pick - [ Git中文开发手册 ] - 在线原生手册 - php中文网
- 工具篇:git cherry-pick_BruceBupt的博客-CSDN博客
- git-cherry-pick之使用心得_dclingcloud的博客-CSDN博客
- [Git] Git整理(五) git cherry-pick的使用_FightFightFight的博客-CSDN博客
- Git 之 cherry-pick - 活到老学到老 - SegmentFault 思否
- git cherry-pick使用 - 简书
- git cherry-pick - 简书
- Git cherry-pick - 简书
- Git cherry-pick - 简书
- git cherry-pick 最佳实践 - 简书
- Git cherry-pick 这个命令你会经常用到! - 知乎
- Git cherry-pick 使用总结 - 天王盖地虎626的个人空间 - OSCHINA
- git cherry-pick 的使用 - 风坤 - 博客园
- git cherry-pick合并某个commit - WhyWin - 博客园
git rebase
合并多次提交
- git rebase -i合并多次提交_开发工具_我的博客-CSDN博客
- git合并分支上的commit为一条commit到master - !win ! - 博客园
- Git 无故出现HEAD,合并到主分支_开发工具_qq_41922141的博客-CSDN博客
- Git - git-rebase Documentation
- git pull VS git fetch git rebase - Stack Overflow
- Rebase - 廖雪峰的官方网站
- git rebase 理解_git rebase_Erice_e的专栏-CSDN博客
- git在工作中正确的使用方式----git rebase篇_nrsc-CSDN博客
- git rebase和git fetch_xuejianbest的专栏-CSDN博客
- 使用git fetch和git rebase处理多人开发同一分支的问题_azureternite的专栏-CSDN博客
- git的fetch、rebase工作流同步代码 - 个人文章 - SegmentFault 思否
- Git rebase使用 - 简书
- git rebase - 简书
- 你真的懂git rebase吗? - 简书
- 【Git】rebase 用法小结 - 简书
- 使用git fetch和git rebase处理多人开发同一分支的问题 - 简书
- git pull && git fetch && git stash && git rebase && git reset - 春哥大魔王的博客的个人空间 - OSCHINA
- git rebase -i - 阿谋 - 博客园
- 差异:git clone , git fetch, git pull和git rebase - 滴滴滴 - 博客园
- git补充(fetch和rebase) - helloworldmybokeyuan - 博客园
- 这一次彻底搞懂 Git Rebase | 码农网
- git-rebase(1)
- git rebase_慕课手记
- 深入git rebase使用
git revert
- Git - git-revert Documentation
- Git revert使用和例子 - 库塔姆斯 - CSDN博客
- Git 之 revert - 一入前端深似海 - SegmentFault 思否
- git revert 用法 - demoblog - 博客园
- git revert 还有这个坑?_慕课手记
- git 入门 回滚错误的修改 git revert - 阿里云
- git diff,git format-patch,git apply和patch小问题三则_Andy_0755的博客-CSDN博客
- git apply、git am打补丁.diff 和 .patch - 简书
- git am, git apply, git format-patch,git diff 用法 - 简书
- Git 打补丁-- patch 和 diff 的使用(详细) - 简书
- 使用Git生成patch和应用patch,看完这一篇文章就全懂了-patch文件-上犹电脑信息网
Debugging
git blame
- Git - git-blame Documentation
- git blame的详细用法解释以及输出详解以及高级进阶操作_开发工具_萌新李同学的博客-CSDN博客
- git blame(查看文件的每个部分是谁修改的)_移动开发_allanGold的博客-CSDN博客
- git blame使用 - 简书
- git blame && git show 查看某一行代码的修改历史 - 简书
- Git blame的正确姿势 - 知乎
- git blame (10) - 良红 - 博客园
- git blame 查找修改者 - jaspersong - 博客园
- git blame查看文件由哪次提交修改-蚂蚁部落
- Git鲜为人知的四个命令:bisect,blame,reflog和提交范围
- Git - git-bisect Documentation
- Git - git-grep Documentation
Guides
gitignore
- Git - gitignore Documentation
- 忽略特殊文件 - 廖雪峰的官方网站
- Github使用.gitignore文件忽略不必要上传的文件 - 一只攻城的柿子 - CSDN博客
- GitHub 提交 如何忽略某个文件夹 - 一句代码演绎你的人生。 - CSDN博客
- git学习六:git提交忽略不必要的文件或文件夹 - Sang - CSDN博客
- git: 两个配置文件.gitattributes和.gitignore - chao2016的博客 - CSDN博客
- [Git].gitignore文件的配置使用 - 知乎
- Github忽略文件设置经验 - 编程浪子Yiutto - 博客园
- Git 忽略提交 .gitignore - 悠悠i - 博客园
- Git忽略提交规则 - .gitignore配置运维总结 - 散尽浮华 - 博客园
- Git 忽略提交 .gitignore - 悠悠
- gitignore.io - Create Useful .gitignore Files For Your Project
- Git - gitattributes Documentation
- Git - gitcli Documentation
- Git - giteveryday Documentation
- Git - gitglossary Documentation
- Git - githooks Documentation
- Git - gitmodules Documentation
- Git - gitrevisions Documentation
- Git - gitsubmodules Documentation
- Git - 子模块
- Git - gittutorial Documentation
- Git - gitworkflows Documentation
Email
git am
- Git - git-am Documentation
- git am 冲突解决技巧_scarecrow_byr的专栏-CSDN博客
- git am_左山艾艾的博客-CSDN博客
- git am 部分发生冲突的处理 - 天王盖地虎626的个人空间 - OSCHINA
- 如何用git命令生成Patch和打Patch - 青山牧云人 - 博客园
- git am使用详解-cengku-ChinaUnix博客
git format-patch
- Git - git-format-patch Documentation
- git format-patch is your Friend | Oliver Davies - Full Stack Web Developer (Drupal, Symfony, Laravel, Linux)
- git format-patch_wsclinux的专栏-CSDN博客
- Git format-patch和Git am_Linux小辉的博客-CSDN博客
- git format-patch 用法【转】 - 请给我倒杯茶 - 博客园
- git-format-patch(1)
git send-email
- Git - git-send-email Documentation
git request-pull
- Git - git-request-pull Documentation
External Systems
- Git - git-svn Documentation
- Git - git-fast-import Documentation
Administration
git clean
- Git - git-clean Documentation
git gc
- Git - git-gc Documentation
git fsck
- Git - git-fsck Documentation
git reflog
- Git - git-reflog Documentation
git filter-branch
- Git - git-filter-branch Documentation
git instaweb
- Git - git-instaweb Documentation
git archive
- Git - git-archive Documentation
git bundle
- Git - git-bundle Documentation
Server Admin
- Git - git-daemon Documentation
- Git - git-update-server-info Documentation
Plumbing Commands
git cat-file
- Git - git-cat-file Documentation
git check-ignore
- Git - git-check-ignore Documentation
git checkout-index
- Git - git-checkout-index Documentation
git commit-tree
- Git - git-commit-tree Documentation
git count-objects
- Git - git-count-objects Documentation
git diff-index
- Git - git-diff-index Documentation
git for-each-ref
- Git - git-for-each-ref Documentation
git hash-object
- Git - git-hash-object Documentation
git ls-files
- Git - git-ls-files Documentation
git ls-tree
- Git - git-ls-tree Documentation
git merge-base
- Git - git-merge-base Documentation
git read-tree
- Git - git-read-tree Documentation
git rev-list
- Git - git-rev-list Documentation
git rev-parse
- Git - git-rev-parse Documentation
git show-ref
- Git - git-show-ref Documentation
git symbolic-ref
- Git - git-symbolic-ref Documentation
git update-index
- Git - git-update-index Documentation
git update-ref
- Git - git-update-ref Documentation
git verify-pack
- Git - git-verify-pack Documentation
git write-tree
- Git - git-write-tree Documentation
- GotGit
- Git - Book
- Git - Book
- Git - Book
- Git - 高级合并
- About - Git
- Git - Documentation
- Git - Downloads
- Git - Community
- Git - Reference
- Git - Videos
- Git - External Links
- Git - 重写历史
- Git - 远程仓库的使用
- Pro Git(中文版)
- Git权威指南 — GotGit
- Guides - [ Git中文开发手册 ] - 在线原生手册 - php中文网
- Git_w3cschool
- GitBook · Documentation made easy
- 沉浸式学 Git: Contents
- Git Magic - 前言
- git - the simple guide - no deep shit!
- Git 参考手册
- Git 教學(1) : Git 的基本使用 - 好麻煩部落格
- Git常用命令速查表(收藏大全)
Git libs、plugins&tools
#Bash、Cmd&Shell
gitsh
- thoughtbot/gitsh: An interactive shell for git
git-sh
- rtomayko/git-sh: A customized bash environment suitable for git work.
#COMMIT
conventional-commits-detector
- conventional-changelog/conventional-commits-detector: Detect what commit message convention your repository is using.
cz-cli
- commitizen/cz-cli: The commitizen command line utility. #BlackLivesMatter
commitlint
- conventional-changelog/commitlint: 📓 Lint commit messages
- marionebl/commitlint: 📓 Lint commit messages
- commitlint/reference-rules.md at master · marionebl/commitlint
- commitlint - Lint commit messages
- commitlint - Lint commit messages
- Local setup - commitlint - Lint commit messages
recommit
- 一个修改git commit的名字/email/日期的工具 - 前端 - 掘金
validate-commit-msg
- conventional-changelog-archived-repos/validate-commit-msg: DEPRECATED. Use https://github.com/marionebl/commitlint instead. githook to validate commit messages are up to standard
- Conventional Commits
- ajoslin/angular-precommit
#Git 服务
- gogs/gogs: Gogs is a painless self-hosted Git service
- 在个人服务器上搭建git服务,创建属于自己的私人仓库 - 掘金
- 搭建自己的 Git 服务器 - 掘金
- Github标星34K+Star,这款开源项目助你秒建Git服务!
- Gogs - 基于 Go 语言的自助 Git 服务 - 梦想天空(山边小溪) - 博客园
#Git 工作流
Git Subtree
- 用 Git Subtree 在多个 Git 项目间双向同步子项目 - 掘金
gitflow
- nvie/gitflow: Git extensions to provide high-level repository operations for Vincent Driessen's branching model.
- petervanderdoes/gitflow-avh: AVH Edition of the git extensions to provide high-level repository operations for Vincent Driessen's branching model
- xuminwlt/j360-gitflow: gitflow工作流使用规范
- silencyXiao/gitflow_test: gitflow 工作流指南
- zhaotoday/product-workflow: Git workflow. 产品测试发布流程及 gitflow 工作流经验总结。
- 为了前端的深度-git的命令行 - 掘金
- Git工作流指南:Gitflow工作流 - 文章 - 伯乐在线
- docs.gitlab.com
- 字节研发设施下的 Git 工作流
#自动部署
run-if-changed
- hkdobrev/run-if-changed: Run a command if a file changes via Git hooks
- 手摸手,带你实现代码自动部署 - 掘金
download-git-repo
- Phillip Lanclos / download-git-repo · GitLab
- download-git-repo - npm
- flipxfx/download-git-repo: Download and extract a git repository (GitHub, GitLab, Bitbucket) from node.
- ianstormtaylor/download-github-repo: Download and extract a GitHub repository from node.
- jprichardson/node-github-download: Easily download Github repos without dependencies such as Git, Tar, Unzip, etc.
gitextensions
- gitextensions/gitextensions: Git Extensions is a standalone UI tool for managing git repositories. It also integrates with Windows Explorer and Microsoft Visual Studio (2015/2017/2019).
- Git Extensions | Git Extensions is a standalone UI tool for managing Git repositories
- gitextensions/gitextensions - Gitter
gitbook
book.json
- bookjson · GitBook 使用教程
- book.json | GitBook 简明教程
- GitBook(2):book.json 配置 - Koala工作室
- book.json配置GitBook - 你特叔 - CSDN博客
- gitbook的book.json配置 - 少言才不会咸's Tech-blog - CSDN博客
- gitbook中book.json文件详解 - 农家小院 - CSDN博客
gitbook plugin
- julianxhokaxhiu/gitbook-plugin-summary: Gitbook plugin to auto-generate SUMMARY.md
- WebEngage/gitbook-plugin-copy-code-button: gitbook-plugin-copy-code-button
- Download PhantomJS
- calibre - Download calibre
- calibre - Download for Windows
- gitbook 转换 pdf - kayfen - CSDN博客
- gitbook 编译书籍源码 为PDF - 陈罗杰的专栏 - CSDN博客
- Windows上使用gitbook制作电子书 - 记录每一个小阶段的学习心得,持之以恒! - CSDN博客
- GitBook 安装配置 & 导出PDF - 禅林阆苑 - CSDN博客
- Gitbook根据目录生成Summary.md - 简书
- Calibre 使用教程之转换电子书格式 – 书伴
- GitbookIO/gitbook: 📝 Modern documentation format and toolchain using Git and Markdown
- zhangjikai/gitbook-use: 记录GitBook的一些配置及插件信息
- gitbook serve error with ENOENT: no such file or directory(fontsettings.js&website.css) · Issue #55 · GitbookIO/gitbook-cli
- fontsettings | GitBook Plugins
- About this documentation · GitBook Toolchain Documentation
- GitBook Help Center
- Plugins for GitBook
- expandable-chapters-small | GitBook Plugins
- Templating · GitBook Toolchain Documentation
- Spaces - YingHua1314
- 前言 · GitBook 使用教程
- Gitbook安装与使用教程 - 陈云峰技术博客 - CSDN博客
- gitbook新版本 build命令导出的html不能跳转? - qi_ruihua的专栏 - CSDN博客
- 如何在新版的gitbook上写自己的书 - 个人文章 - SegmentFault 思否
- GitBook 安装以及使用 - 简书
- 使用 Gitbook 打造你的电子书 - 静默虚空 - 博客园
- GitBook Editor for Mac|GitBook Editor Mac版下载 V7.0.11 - PC6苹果网
- GitBook - Document Everything!
git-bug
- MichaelMure/git-bug: Distributed bug tracker embedded in Git
github-corners
- tholman/github-corners: A fresher "Fork me on GitHub" callout.
- GitHub Corners
gitbatch
- isacikgoz/gitbatch: manage your git repositories in one place
GitHub Ribbons
- GitHub Ribbons - The GitHub Blog
git-admin
- ninetynine/git-admin: A package to help manage git repositories through the commandline
- git-admin - npm
git-history
- pomber/git-history: Quickly browse the history of any GitHub file
- Git History
Git Town
- Git Town - Git 高级命令插件 - 工具资源 - 掘金
gitmoji
- carloscuesta/gitmoji: An emoji guide for your commit messages. 😜
- gitmoji | An emoji guide for your commit messages
gitmoji-cli
- carloscuesta/gitmoji-cli: A gitmoji interactive command line tool for using emojis on commits. 💻
- gitmoji-cli - npm
gitmoji-changelog
- frinyvonnick/gitmoji-changelog: A library that generates changelog for repositories using gitmoji commits convention
husky
- typicode/husky: 🐶 Git hooks made easy
lazygit
- jesseduffield/lazygit: simple terminal UI for git commands
learnGitBranching
- pcottle/learnGitBranching: An interactive git visualization to challenge and educate!
- Learn Git Branching
lint-staged
- okonet/lint-staged: 🚫💩 — Run linters on git staged files
- sudo-suhas/lint-staged-multi-pkg: Example repo to demonstrate use of `lint-staged` with multi-pkg projects
progit2
- progit/progit2: Pro Git 2nd Edition
Sourcetree
- Sourcetree | Free Git GUI for Mac and Windows
tree
- 如何在git Bash中使用tree .命令 - 简书
- git 入门教程之 git bash 竟然不支持 tree 命令 - 雪之梦技术驿站 - 博客园
thanks
- feross/thanks: 🙌 Give thanks to the open source maintainers you depend on! ✨
- gitpoint/git-point: GitHub in your pocket
- k88hudson/git-flight-rules: Flight rules for git
- hua1995116/git-down-repo: Download git-repo for any url
- HelloGitHub – 分享 GitHub 上入门级、有趣的开源项目
- GitHub Desktop | Simple collaboration from your desktop
Git 资源、整理集&FAQ
Git 资源
分支规范&提交规范
- 代码分支规范 - 掘金
- Git 分支设计规范 - 掘金
- 开箱即用的代码提交规范 - 掘金
- 规范化团队 git 提交信息 - 掘金
- Git commit message 规范 - 掘金
- A successful Git branching model » nvie.com
- 一文搞定规范化Git Commit
- git commit 规范指南_不挑食的程序员 - SegmentFault 思否
- GitHub REST API - GitHub Docs
- Release Git Credential Manager for Windows v1.14.0 · Microsoft/Git-Credential-Manager-for-Windows
- git-tips/tips: Most commonly used git tips and tricks.
- Star history
- 花点时间顺顺Git(上) - 前端 - 掘金
- 花点时间顺顺Git(下) - 前端 - 掘金
- 关于git你日常工作中会用到的一些东西 - 掘金
- Git 有什么奇技淫巧? - 知乎
- 你不一定知道的几个很有用的 Git 命令 - 梦想天空(山边小溪) - 博客园
- CSDN
- 通俗易懂|用好Git 和 SVN ,轻松驾驭版本管理
- git 高级用法小抄
- Learn Git Branching
Git 整理集
- 521xueweihan/git-tips: Git的奇技淫巧
- xjh22222228/git-manual: git command reference manual 🦋
- Git常用命令及日常问题集锦 - 掘金
- 图解git原理与日常实用指南 - 掘金
- 版本控制工具——Git常用操作(上) - 掘金
- 版本控制工具——Git常用操作(下) - 掘金
- git常用命令和场景 - 掘金
- 「备忘录」60+Git常用命令行 - 掘金
- 一份值得收藏的 Git 异常处理清单
- 三年 Git 使用心得 & 常见问题整理
- [前端漫谈] 一巴掌拍平Git中的各种概念 - 掘金
- Git核心命令会这些就够了 - 东陆之滇的技术博客 - CSDN博客
- git 操作规范 - web前端 - SegmentFault 思否
Git FAQ
Git 统计
- 统计Git仓库中总代码行数_Arvin的博客-CSDN博客_git判断c 代码行数
- git如何统计代码行数 - 码农教程
中文乱码
- git status 显示中文和解决中文乱码_夏虫不可语冰-CSDN博客
- Git for windows 中文乱码解决方案_Tony的技术笔记 - SegmentFault 思否
- git - Windows 上 git 中文乱码 - 简书
- 解决git显示中文乱码的问题 - 知乎
- Git解决中文乱码问题 - 为牧 - 博客园
显示当前分支
- Show just the current branch in Git - Stack Overflow
- How to get the current branch name in Git? - Stack Overflow
- git submodules - Git diff says subproject is dirty - Stack Overflow
- git - How can I reset or revert a file to a specific revision? - Stack Overflow
- git-checkout(1)
- 一杯茶的时间,上手 Git 团队协作开发 - 掘金
- Git无法检测到文件名大小写的更改_开发工具_青崖梦-CSDN博客
- 在git bush中如何退出vim编辑器 - 简书
- git 查看某个文件的历史修改版本 - JonasYu - 博客园
- 记录一次Git解决CONFLICT冲突 - JerryMouseLi - 博客园
- 相见恨晚的 Git 命令动画演示,一看就懂!
- (...) 接触Git这么久,谈一谈对Git以及相关事物的理解_个人文章 - SegmentFault 思否
- (1条消息) git 对比两个分支 具体某个文件的差异_技术追求者!-CSDN博客_git 比较两个分支文件差异
- 「一劳永逸」一张脑图带你掌握Git命令
- Git各指令的本质,真是通俗易懂啊
- 【优化】记一次通过工具减少 Git 冲突
Gitee
- 我的工作台 - 码云 Gitee.com
GitHub
GitHub core
gitignore
- github/gitignore: A collection of useful .gitignore templates
- Ignoring files - GitHub Docs
- LGDHuaOPER
- Marketplace · Tools to improve your workflow
- GitHub Documentation
- GitHub Support
- GitHub Status
- https://api.github.com
- https://api.github.com/users
- GitHub Stars: inspire, educate & influence developer communities
GitHub libs、plugins&tools
astralapp
- Astral
- astralapp/astral: Organize Your GitHub Stars With Ease
- Organize Your GitHub Stars With Ease | Astral
- Astral
autoCommit
- OBKoro1/autoCommit: 一个用于Git自动commit的VSCode插件,它可以用来补充之前忘记提交commit,帮助你把首页的绿色格子填满。
- 让你优雅的一键填满Github的绿色格子-AutoCommit - 掘金
github-readme-stats
- anuraghazra/github-readme-stats: Dynamically generated stats for your github readmes
github1s
- conwnet/github1s: One second to read GitHub code with VS Code.
- [Preview] \README.md - conwnet/github1s - GitHub1s
Github Actions
- Github Actions
- boyney123/github-actions: Open source list of GitHub Actions
- GitHub Actions 入门教程 - 阮一峰的网络日志
- Features • GitHub Actions
- coverallsapp/github-action: Coveralls Github Action
issues-helper
- actions-cool/issues-helper: 🤖 A GitHub Action easily helps you automatically manage issues. Welcome to try.
- Issues 助手
GitHub CLI
- cli/cli: The GitHub CLI
- node-gh/gh: GitHub CLI made with NodeJS
- GitHub开源新命令行工具:在终端里创建、管理PR成现实
Github-Monitor
- VKSRC/Github-Monitor: Github Sensitive Information Leakage Monitor(Github信息泄漏监控系统)
github-spray
- Annihil/github-spray: 👾Generate spray for your GitHub contrib graph ░▒▓█
Github Trending
- vitalets/github-trending-repos: Track GitHub trending repositories in your favorite programming language by native GitHub notifications!
- huchenme/github-trending-api: The missing APIs for GitHub trending projects and developers 📈
- sugarac/react-native-github-trending: Android and iOS client for GitHub trending and popular projects based on React Native.
- jae-jae/weapp-github-trending: 微信小程序:Github今日榜单
- kujian/githubTrending: Github前端趋势榜,每日更新前端热门项目。Tracking the most popular Github repos of frontend, updated daily
Gitter
- huangjianke/Gitter: Gitter for GitHub - 可能是目前颜值最高的GitHub小程序客户端
- GitHub API v3 | GitHub Developer Guide
- Gitter - 高颜值GitHub小程序客户端诞生记 - 掘金
initab
- dracula/dracula-theme: A dark theme for all the things!
- NLKNguyen/base16-papercolor-light-syntax: A Base16 port of PaperColor Light syntax color scheme for Atom
- Initab - Chrome New Tab Extension for Developers
LibHunt
- LibHunt
- LibHunt - Trending open-source projects and their alternatives
metrics
- lowlighter/metrics: 📊 An image generator with 20+ metrics about your GitHub account such as activity, community, repositories, coding habits, website performances, music played, starred topics, etc. that you can put on your profile or elsewhere!
probot
- probot/probot: 🤖 A framework for building GitHub Apps to automate and improve your workflow
scrollback
- scrollback/scrollback: Embeddable cross-platform chat for communities
- Scrollback, where communities hang out
- pshihn/rough: Create graphics with a hand-drawn, sketchy, appearance
- sindresorhus/fkill-cli: Fabulously kill processes. Cross-platform.
- monkeyWie/proxyee-down: http下载工具,基于http代理,支持多连接分块下载
- uber/NullAway: A tool to help eliminate NullPointerExceptions (NPEs) in your Java code with low build-time overhead
- nhnent/tui.chart at production
- gotgit/gotgithub: GotGitHub: an open source E-book about GitHub in Chinese
- GitHub 加速下载 - 在线工具
- GitHuber.cn - 首页
- GitClone - GitHub缓存加速网站,为开发者服务
- Gitstar Ranking - Top GitHub users and repositories
- Beyond grep: ack 2.24, a source code search tool for programmers
- GitHub Résumé
- 玩转Github的脚本和插件【效率提升200%】
GitHub 资源、整理集&FAQ
Github资源
《GitHub 漫游指南》
- phodal/github: GitHub 漫游指南- a Chinese ebook on how to build a good project on Github. Explore the users' behavior. Find some thing interest.
- GitHub 漫游指南 – GitHub 漫游指南
- jamiebuilds/dark-mode-github-readme-logos: How to make logos in your README that support GitHub's new dark mode
Github整理集
casebox
- huridocs/casebox: Casebox: Secure all your information and team communication in one place
- CaseBox
- HelloGitHub
- 521xueweihan/HelloGitHub: Find pearls on open-source seashore 分享 GitHub 上有趣、入门级的开源项目
- tiimgreen/github-cheat-sheet: A list of cool features of Git and GitHub.
- github上实用、常用的插件和库 - CSDN博客
- 15 个用于 GitHub 的 Chrome 插件 | WEB资源网
Github FAQ
fork
- git fork后如何更新_开发工具_hahachenchen789的博客-CSDN博客
- git fork之如何同步更新 - 挑战者V - 博客园
- 从Git Fork的项目怎么更新? - yahuang.wu - 博客园
- 如何更好地玩转 GitHub?
- gitlab fork项目更新操作说明 - 简书
- git如何更新fork的repository - 简书
- gitlab和github下fork后如何同步源的新更新 - SegmentFault 思否
- git - Fork的项目怎么更新和原项目保持一致 - SegmentFault 思否
- gitlab或github下fork后如何同步源的新更新内容? - 知乎
- git fork后如何更新_git,fork_行走的笔记-CSDN博客
- github fork 别人的项目源作者更新后如何同步更新_开发工具_zhongzunfa的专栏-CSDN博客
账户冲突
- 解决 github push failed (remote: Permission to userA/repo.git denied to userB.) - 付小华的博客 - CSDN博客
- git使用中遇到的remote:Permission to xxx denied to xxx问题如何解决 - 刘氏一族的博客 - CSDN博客
- git 问题解决之remote: Permission to xxx/xxx.git denied to xxx. - qq_35524586的博客 - CSDN博客
建立个人博客网站
github-pages
gh-pages
- tschaub/gh-pages: General purpose task for publishing files to a gh-pages branch on GitHub
- GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live.
- imsun/gitment: A comment system based on GitHub Issues.
- New OAuth Application
- GitHub Pages域名绑定2018,别被旧文章误导了_运维_小宇宙-CSDN博客
- 【笔记】在GitHub Pages中加入Disqus评论系统 - Forest of Horizon. 天际林。
- Gitment:使用 GitHub Issues 搭建评论系统 | I'm Sun
- LeanCloud
- Valine -- 一款极简的评论系统 | 云淡风轻
jekyll
- jokinkuang/stepbystep: A jekyll theme, simple and clear, compatible with PC iPad and Phone (RWD)
- jekyll/minima: Minima is a one-size-fits-all Jekyll theme for writers.
- daattali/beautiful-jekyll: Build a beautiful and simple website in literally minutes. Demo at http://deanattali.com/beautiful-jekyll
- Jekyll • Simple, blog-aware, static sites | Transform your plain text into static websites and blogs
- 配置
- Jekyll Themes
- Liquid reference · Shopify Help Center
- github/personal-website: Code that'll help you kickstart a personal website that showcases your work as a software developer.
- 手把手教你在Github上建立自己的个人博客网站 - 夜殇 - CSDN博客
- 手把手教你在Github上建立自己的个人博客网站 - 简书
- 如何用Github的gh-pages分支展示自己的项目 - 牧云云 - 博客园
- 基于hexo+github搭建一个独立博客 - 牧云云 - 博客园
- 怎么利用Github Issues 获取帮助 · Issue #2 · ssy341/datatables-cn
- kibana/search_bar.tsx at 09ea3d529feb8e8af80c1061669b39ba881eb800 · elastic/kibana
- 怎么利用Github Issues 获取帮助 · Issue #2 · ssy341/datatables-cn
- 如何在Github上面精准搜索开源项目? - 掘金
- 自定义Github个人首页
- 恕我直言,你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧
- 【最新】解决github图片不显示的问题 - Antrn的博客 - CSDN博客
- Git的使用--如何将本地项目上传到Github - cssshua的博客 - CSDN博客
- 工具大全github地址 - CSDN博客
- Git的使用--如何将本地项目上传到Github - cssshua的博客 - CSDN博客
- 工具大全github地址 - CSDN博客
- 两种方法上传本地文件到github - 简书
- 上传本地代码及更新代码到GitHub教程 - 张梨贤 - 博客园
- GitHub下载克隆clone指定的分支tag代码 - Tse先生 - 博客园
- 上传本地代码及更新代码到GitHub教程 - 张梨贤 - 博客园
- 第一次使用Git上传本地项目到github上 - 孙氏楼 - 博客园
- github 项目搜索技巧-让你更高效精准地搜索项目
- 送你一份玩转 Github 的秘诀
GitLab
- liuhaimingcn/gitlab-hook: 接收github的push事件请求,监听指定分支,触发脚本重新部署项目。
- The only single product for the complete DevOps lifecycle - GitLab | GitLab
Sourcetree
- Sourcetree | Free Git GUI for Mac and Windows
gitextensions
- gitextensions/gitextensions: Git Extensions is a standalone UI tool for managing git repositories. It also integrates with Windows Explorer and Microsoft Visual Studio (2015/2017/2019).
- Git Extensions | Git Extensions is a standalone UI tool for managing Git repositories
- GitStar-GitHub互赞吧
¥调试、测试&异常
#Mock
lazy-mock
- wjkang/lazy-mock: 一个快速生成后端模拟数据的懒人工具
- wjkang/lazy-mock-cli
- lazy-mock-templates/d2-admin-pm: d2-admin-pm curd模板
- lazy mock
- 使用 Node.js 写一个代码生成器 - 掘金
ma-mock
- masongzhi/ma-mock: 用于mock和proxy的服务器
- 手动编写mock服务(ma-mock) - 掘金
Mock.js
- nuysoft/Mock: A simulation data generator
- Mock.js
- 手把手教你mockjs实际项目快速搭建 - 掘金
easy-mock
- easy-mock/easy-mock: A persistent service that generates mock data quickly and provids visualization view.
- easy-mock/easy-mock-cli: Create api.js for Easy-Mock. https://easy-mock.github.io/easy-mock-cli/
- EasyMock
- Easy Mock
mockJSON
- mennovanslooten/mockJSON: MockJSON is a plugin for jQuery that can hijack JSON and JSONP requests and respond with randomly generated JSON data.
randomuser
- RandomAPI/Randomuser.me-Node: Source code that powers randomuser.me
- Random User Generator | Home
- RandomAPI :: Index
raml-mocker
raml2html
- raml2html/raml2html: RAML to HTML documentation generator.
- raml2html - npm
- xbl/raml-mocker: Raml-mocker 不仅是个 Mock Server,还是一个 API 接口测试工具
simple-mock
- lzwme/simple-mock: 以注入到 node server 的 API 代理方式,实现简洁而功能强大的 API MOCK 功能,支持自动保存后端 API 数据到本地
- renxia/github-user-search-ng: Github User Search for Angular 6+ Demo
- 在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟 - 志文工作室
- Simple Mock - By lzw
- Github User Search
- 如何优雅的使用Mock Server - 掘金
testable-mock
- alibaba/testable-mock: 换种思路写Mock,让单元测试更简单
- TestableMock
#测试工具
a/b-testing
sixpack
- sixpack/sixpack: Sixpack is a language-agnostic a/b-testing framework
API/接口测试工具
frisby
- vlucas/frisby: Frisby is a REST API testing framework built on Jest that makes testing API endpoints easy, fast, and fun.
hoppscotch
- hoppscotch/hoppscotch: 👽 A free, fast and beautiful API request builder used by 80k+ developers. https://hoppscotch.io
- Hoppscotch • A free, fast and beautiful API request builder
Postman
- newman - npm
- Postman | The Collaboration Platform for API Development
- Download Postman | Try Postman for Free
- Introduction | Postman Learning Center
- Using Postman Interceptor | Postman Learning Center
- Using cookies | Postman Learning Center
- Capturing HTTP requests | Postman Learning Center
- Postman | Download Postman App
- Home
- Home
- Postman API 中文白皮书文档-Postman 使用教程 - Chrome插件(谷歌浏览器插件)
- 使用postman测试接口时需要先登录怎么办 - CSDN博客
- Postman用法简介 - CSDN博客
- 最强PostMan使用教程(1) - CSDN博客
- postman中 form-data、x-www-form-urlencoded、raw、binary的区别 - wangjun5159的专栏 - CSDN博客
- Postman 安装及使用入门教程 - Mafly - 博客园
- postman:模拟发送一个需要 cookie 认证的请求 · TesterHome
- 接口测试 · 社区 · TesterHome
postwoman
- Postwoman • A free, fast and beautiful API request builder
debug
JSDebugger
- SatanWoo/JSDebugger: JavaScript-Based Debugger For Inspecting Running State Of Your Application
- bang590/JSPatchConvertor: JSPatch Convertor is a tool that converts Objective-C code to JSPatch script automatically.
- SatanWoo
- Fundebug - 不放过每一个BUG
- visionmedia/debug: A tiny JavaScript debugging utility modelled after Node.js core's debugging technique. Works in Node.js and web browsers
- Debug
e2e测试
CodeceptJS
- codeceptjs/CodeceptJS: Supercharged End 2 End Testing Framework for NodeJS
- CodeceptJS
Detox
- wix/Detox: Gray box end-to-end testing and automation framework for mobile apps
nightwatchjs
- nightwatchjs/nightwatch: Automated testing and continous integration framework based on node.js and selenium webdriver
- 自动化测试-e2e测试框架选择 - 掘金
Source Maps
- 针对 Source Maps 的一篇介绍(翻译) - 掘金
- Source Map Revision 3 Proposal - Google 文档
Test Anything Protocol
node-tap
- tapjs/node-tap: Test Anything Protocol tools for node
- Home - Test Anything Protocol
- TAP - Test Anything Protocol
- unit testing - Test Anything Protocol in Shell scripts - Stack Overflow
- fpga - TAP (Test Anything Protocol) module for Verilog or SystemVerilog - Stack Overflow
UI测试
dalekjs
- DalekJS
- DalekJS - Automated cross browser testing with JavaScript
storybook
- storybookjs/storybook: 📓 UI component dev & test: React, Vue, Angular, React Native, Ember, Web Components & more!
- storybooks/storybook: Interactive UI component dev & test: React, React Native, Vue, Angular, Ember
- storybook/addons/storyshots at master · storybooks/storybook
- storybook/addons/storyshots/storyshots-core at master · storybooks/storybook
- storybook/addons/storyshots/storyshots-puppeteer at master · storybooks/storybook
- Storybook - UI dev environment you'll love to use
- Introduction
- Slow Start Guide
- https://storybook.js.org/docs/guides/guide-react/
- Storybook Tutorial
- 开始吧 | Storybook Tutorial
单元测试
Jest
Jest 资源、整理集&FAQ
Jest 资源
- clarkbw/jest-localstorage-mock: A module to mock window.localStorage and window.sessionStorage in Jest
- alonronin/mockingoose: A Jest package for mocking mongoose models
- timkindberg/jest-when: A when(fn).calledWith(args).thenReturn(value) lib for jest
- simpletut/Testing-React-Redux-with-Jest-and-Enzyme: React Redux Testing Template using Jest and Enzyme
- vire/jest-vue-preprocessor: Preprocessor that allows importing of .vue files in jest tests
- nordcloud/serverless-jest-plugin: Plugin for Serverless Framework which adds support for test-driven development using Jest
- Hazyzh/jest-html-reporters: 🌈Reporter for jest test framework. 🌈
- mzgoddard/jest-webpack: Use jest with webpack.
- jameswlane/jest-express: Mock Express for testing with Jest
- jest-community/jest-snapshots-svg: Take a React component tree, and render it into an SVG.
- JamieMason/Jasmine-Matchers: Write Beautiful Specs with Custom Matchers for Jest and Jasmine
- aarontrank/gulp-jest: Gulp plugin for the Jest test lib
- sapegin/jest-cheat-sheet: Jest cheat sheet
- kulshekhar/ts-jest: TypeScript preprocessor with sourcemap support for Jest
- smooth-code/jest-puppeteer: Run your tests using Jest & Puppeteer 🎪✨
- Raathigesh/majestic: ⚡ Zero config GUI for Jest
- jest-community/jest-extended: Additional Jest matchers 🃏💪
- americanexpress/jest-image-snapshot: ✨ Jest matcher for image comparisons. Most commonly used for visual regression testing.
- skovhus/jest-codemods: Codemods for migrating to Jest https://github.com/facebook/jest 👾
- styled-components/jest-styled-components: 🔧 💅 Jest utilities for Styled Components
- kentcdodds/how-jest-mocking-works
- facebook-atom/jest-electron-runner: custom test runner for Jest that allows tests to be run in Electron environment
- eddyerburgh/vue-test-utils-jest-example: An example vue-test-utils project with jest
- superman66/react-test-demo: React test demo with Jest and Enzyme
- kentcdodds/jest-glamor-react: Jest utilities for Glamor and React
- vnglst/mocking-with-jest: API Testing with Jest
- blove/ngrx-testing: Testing NgRx with jest and jasmine-marbles
- briebug/jest-schematic: Angular schematic for adding Jest and the required files to an Angular CLI project
- hustcc/jest-canvas-mock: A module used to mock canvas in Jest.
- maurocarrero/sinon-jest-cheatsheet: Some examples on how to achieve the same goal with either of both libraries: sinon and jest. Also some of those goals achievable only by one of these tools.
- storybook-eol/storybook-addon-jest: REPO/PACKAGE MOVED - React storybook addon that show component jest report
- hustcc/jest-date-mock: 🌗 Mock `Date` when run unit test cases with jest. Make tests of Date easier.
- storybook-eol/storyshots: REPO/PACKAGE MOVED - Jest Snapshot testing for React Storybook
- suchipi/chai-jest-snapshot: Chai assertion that provides Jest's snapshot testing
- jest-community/jest-watch-typeahead: Jest watch plugin for filtering test by file name or test name
- azz/jest-runner-tsc: 🃏A Jest runner for the TypeScript compiler
- thoughtbot/jester: REST in Javascript
- mattphillips/jest-expect-message: Add custom message to Jest expects 🃏🗯
- remind101/jest-transform-graphql: Make .graphql file importing work in Jest
- joeblank/jest-form-validation
- justinsisley/Jest-CSS-Modules: A Jest script processor that prevents CSS module parse errors.
- vuejs/vue-jest: Jest Vue transformer
- FormidableLabs/enzyme-matchers: Jasmine/Jest assertions for enzyme
- jest-community/awesome-jest: 🕶Awesome Jest packages and resources
- thymikee/jest-preset-angular: Jest configuration preset for Angular projects.
- jest-community/jest-junit: A Jest reporter that creates compatible junit xml files
- kentcdodds/jest-cypress-react-babel-webpack: See how to configure Jest and Cypress with React, Babel, and Webpack
- bencompton/jest-cucumber: Execute Gherkin scenarios in Jest
- jest-community/snapshot-diff: Diffing snapshot utility for Jest
- nickcolley/jest-axe: Custom Jest matcher for aXe for testing accessibility ♿️🃏
- knee-cola/jest-mock-axios: Axios mock for Jest
- shelfio/jest-mongodb: Jest preset for MongoDB in-memory server
- atlassian/jest-in-case: Jest utility for creating variations of the same test
- alexeyraspopov/jest-webdriver: Connect Jest tests to Selenium WebDriver
- holylovelqq/vue-unit-test-with-jest: 吃透本仓库,变身vue项目单体测试大神
- Hargne/jest-html-reporter: Jest test results processor for generating a summary in HTML
- kentcdodds/react-jest-workshop
- guigrpa/jest-html: Preview your Jest snapshots visually in the browser
- keyz/identity-obj-proxy: An identity object using ES6 proxies. Useful for mocking webpack imports like CSS Modules.
- keyz/jest-css-modules-example
- 【译】Jest 初学者教程:JavaScript 测试入门 - 掘金
Jest 整理集
《前端测试框架Jest系列教程》
- 前端测试框架Jest系列教程 -- 简介 - 不负春光,努力生长 - 博客园
- 前端测试框架Jest系列教程 -- Matchers(匹配器) - 不负春光,努力生长 - 博客园
- 前端测试框架Jest系列教程 -- Asynchronous(测试异步代码) - 不负春光,努力生长 - 博客园
- 前端测试框架Jest系列教程 -- Mock Functions(模拟器) - 不负春光,努力生长 - 博客园
- 前端测试框架Jest系列教程 -- Global Functions(全局函数) - 不负春光,努力生长 - 博客园
- 前端测试框架Jest系列教程 -- Expect(验证) - 不负春光,努力生长 - 博客园
- Jest学习笔记(一) - 简书
- Jest学习笔记(二) - 简书
Jest FAQ
- Jest测试React组件入门 - 简书
- Jest Mocks入门 - 简书
- Jest - 简书
- jest 自动化测试 - wang_yb - 博客园
- 一杯茶的时间,上手 Jest 测试框架 - 掘金
- facebook/jest: Delightful JavaScript Testing.
- Jest · 🃏 令人愉快的 JavaScript 测试
- Jest · 🃏 Delightful JavaScript Testing
- Getting Started · Jest
- Using with webpack · Jest
karma
- karma-runner/karma: Spectacular Test Runner for JavaScript
- webpack/karma.conf.js at master · vuejs-templates/webpack
- browserify/karma.conf.js at master · vuejs-templates/browserify
- 使用karma和jasmine配合phantom浏览器进行单元测试 - 掘金
Mocha
- mochajs/mocha: simple, flexible, fun javascript test framework for node.js & the browser
- 记一次使用mocha做单元测试 - 掘金
- Mocha - the fun, simple, flexible JavaScript test framework
nodeunit
- caolan/nodeunit: Easy unit testing in node.js and the browser, based on the assert module.
qunitjs
- qunitjs/qunit: An easy-to-use JavaScript Unit Testing framework.
- QUnit API Documentation
riteway
- ericelliott/riteway: Unit tests that always supply a good bug report when they fail.
sinonjs
sinon-chai
- domenic/sinon-chai: Extends Chai with assertions for the Sinon.JS mocking framework.
- sinonjs/sinon: Test spies, stubs and mocks for JavaScript.
- Sinon.JS - Documentation
unit-test-demo
- tank0317/unit-test-demo: 一步一步介绍如何给项目添加单元测试
- JavaScript单元测试框架 - undefined
- 单元测试之基本构成 - 掘金
- 年轻时,我不写单元测试 - 掘金
- 12 款 JS 代码测试必备工具 - 开源中国
- 前端测试框架对比(js单元测试框架对比) - 晴天_雨天 - 博客园
- 对 JavaScript 进行单元测试的工具
- Javascript unit testing tools
自动化测试
appium
- appium/appium: Automation for iOS, Android, and Windows Apps.
- appium/appium-desktop: Appium Server and Inspector in Desktop GUIs for Mac, Windows, and Linux
berserkJS
- tapir-dream/berserkJS: berserkJS 是新形态的前端测试自动化工具 + 页面性能分析工具 ,同时也是个使用 JS 语法控制的命令行浏览器。可用 JS 编写前端自动测试用例 + 页面性能分析用例。 想了解更多
lambdatest
- LambdaTest
- Free Cross Browser Testing Tool on Cloud | Selenium Automation Testing
puppeteer-recorder
- clipisode/puppeteer-recorder: Record animations using puppeteer. Based on electron-recorder.
- Overview | Checkly
percy
- Percy
- Percy
- icopy.site
webdriverio
- webdriverio/webdriverio: Webdriver/Selenium 2.0 JavaScript bindings for Node.js
- 前端技术周刊 2018-12-10:前端自动化测试 - 掘金
- 自动化测试|录制回放效果差异检测 - 前端 - 掘金
- 试试前端自动化测试!(基础篇)
- 试试前端自动化测试!(React 实战)
- 如何进行前端自动化测试? - 知乎
浏览器端测试
airtap
- airtap/airtap: Test your JavaScript in 800+ browsers.
cypress
- cypress-io/cypress: Fast, easy and reliable testing for anything that runs in a browser.
- cypress · GitHub Topics
- JavaScript End to End Testing Framework | cypress.io
Gremlins.js – 模拟用户随机操作的JS测试库
- marmelab/gremlins.js: Monkey testing library for web apps and Node.js
jasmine
- jasmine/jasmine: DOM-less simple JavaScript testing framework
selenium
- SeleniumHQ/selenium: A browser automation framework and ecosystem.
tape
- substack/tape: tap-producing test harness for node and browsers
webhint
- webhint
- webhint, the hinting engine for web best practices
wpt
- web-platform-tests/wpt: Test suites for Web platform specs — including WHATWG, W3C, and others
本地测试
lab
- hapijs/lab: Node test utility
mkcert
- FiloSottile/mkcert: A simple zero-config tool to make locally trusted development certificates with any names you'd like.
真机/移动端测试
- OWASP/owasp-mstg: The Mobile Security Testing Guide (MSTG) is a comprehensive manual for mobile app security development, testing and reverse engineering.
- Carefree
测试各种设备的屏幕和分辨率
- puppeteer/DeviceDescriptors.js at master · GoogleChrome/puppeteer
- Screenfly / Test Your Website at Different Screen Resolutions
- 理一理屏幕尺寸那些事 - 掘金
断言库
chai.js
- chaijs/chai: BDD / TDD assertion framework for node.js and the browser that can be paired with any testing framework.
- producthunt/chai-enzyme: Chai.js assertions and convenience functions for testing React Components with enzyme
- Chai
- Expect / Should - Chai
集成测试覆盖率
blanket
- alex-seville/blanket: blanket.js is a simple code coverage library for javascript. Designed to be easy to install and use, for both browser and nodejs.
codecov
- codecov - npm
- Code Coverage Done Right | Codecov
- https://codecov.io/bash
- Github美化-Travis与Codecov入门_Python_无名山丘,崛起成峰-CSDN博客
- Github 集成 Codecov 做测试覆盖率_Java_Bpazy的博客-CSDN博客
- 集成测试覆盖率工具 codecov - 简书
- GitHub 研发链 travis-ci 和 codecov 介绍 | yaozhen's blog
istanbul
- gotwarlost/istanbul: Yet another JS code coverage tool that computes statement, line, function and branch coverage with module loader hooks to transparently add coverage when running tests. Supports all JS coverage use cases including unit tests, server s
- gotwarlost/istanbul-middleware: Connect middleware for server side code coverage using istanbul
- istanbuljs/nyc: the Istanbul command line interface
jscoverage
- fishbar/jscoverage: jscoverage tool, written in pure js, both node or javascript support
node-coveralls
- nickmerwin/node-coveralls: lcov posting to coveralls.io
- coveralls · GitHub Topics
- coverage · GitHub Topics
- test-coverage · GitHub Topics
- deepsweet/poncho: Client-side JS code coverage using PhantomJS, Mocha and Blanket
基准测试库
benchmark.js
- bestiejs/benchmark.js: A benchmarking library. As used on jsPerf.com.
jslitmus
- broofa/jslitmus: Simple, easy, javascript benchmark testing
jsperf
- jsperf/jsperf.com: jsperf.com v2. https://github.com/h5bp/lazyweb-requests/issues/174
- jsPerf: JavaScript performance playground
- John Resig - JavaScript Benchmark Quality
- testing-tools · GitHub Topics
- test-automation · GitHub Topics
- test-runner · GitHub Topics
- test · GitHub Topics
- testing · GitHub Topics
- tests · GitHub Topics
- end-to-end-testing · GitHub Topics
- e2e-testing · GitHub Topics
- e2e-tests · GitHub Topics
- test-framework · GitHub Topics
- goldbergyoni/javascript-testing-best-practices: 📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (October 2020)
- javascript-testing-best-practices/readme-zh-CN.md at master · goldbergyoni/javascript-testing-best-practices
- Most Reliable App & Cross Browser Testing Platform | BrowserStack
#页面优化&调试
Chrome 开发者工具(Chrome DevTools)
《chrome devtools使用》
- chrome devtools使用详解——Performance - 掘金
- chrome devtools使用详解——Elements篇 - 掘金
- chrome devtools使用进阶——Sources - 掘金
《你不知道的 Chrome 调试工具技巧》
- 【译】你不知道的Chrome调试工具技巧 第一天:console中的' - 掘金 - 掘金
- 【译】你不知道的Chrome调试工具技巧 第二天:copying & saving - 掘金
- 【译】你不知道的Chrome调试工具技巧 第三天:console methods (内有作者关于译文的回复) - 掘金
- 【译】你不知道的Chrome调试工具技巧 第四天:the Elements panel(元素面板) - 掘金
- 【译】你不知道的Chrome调试工具技巧 第五天:console的log中,让人疑惑的案例 - 掘金
- 【译】你不知道的Chrome调试工具技巧 第六天:command 菜单 - 掘金
- 【译】你不知道的Chrome调试工具技巧 第七天:异步console的趣味小窍门 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第八天:Color picker(颜色选择器) - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第九天:给 console 计时 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十天:custom formatters(自定义格式转换器) - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十一天:style editors continued(样式编辑器后续) - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十二天:忍者日志打印!(the ninja logs) - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十三天:对象 & 方法 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十四天:其他快捷键~ - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十五天:Twitter day! - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十六天:断点 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十七天:再会console - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十八天:Drawer 里的秘密 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第十九天:深入 Drawer - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第二十天:Workspace的黑魔法 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第二十一天:Snippets(代码块) - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第二十二天:network - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第二十三天:Drawer tips 后续 - 掘金
- 【译】你不知道的 Chrome 调试工具技巧 第二十四天:最后一天,元旦牛逼 - 掘金
console
- Console - Web APIs | MDN
- 【译】灵活使用 console 让 js 调试更简单 - 掘金
- 【译】如何停止使用console.log()转而使用浏览器debugger - 掘金
- 【译】创造性地使用 Console! - 掘金
- console 速查手册
- console.log
- Chrome 开发者工具 | Tools for Web Developers | Google Developers
- Console API 参考 | Tools for Web Developers | Google Developers
- Command Line API 参考 | Tools for Web Developers | Google Developers
- Chrome DevTools Protocol Viewer
- 你不知道的 Chrome 调试技巧 - dendoink - 掘金小册
- [译] Chrome 73 开发者工具新特性 - 掘金
- Chrome Devtools 高级调试指南(新) - 掘金
- chrome 开发者工具——前端实用功能总结
- 「实用技巧」Chrome DevTools调试小技巧,效率🚀🚀🚀
- Chrome DevTools 之 Network,网络加载分析利器 - 简书
- Chrome DevTools 之 Timeline,快捷性能优化工具 - 简书
- 使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能 - 开源中国
- 用Chrome开发者工具做JavaScript性能分析 - 文章 - 伯乐在线
- 使用Chrome开发工具优化Web应用 | Aotu.io「凹凸实验室」
- chrome开发者工具浅析--timeline - 白槐佳人 - 博客园
- 0202年了, Chrome DevTools 你还只会console.log吗 ?
- chrome 开发者工具的 11 个骚技巧
- 你不知道的 Chrome DevTools
- 使用 Chrome Timeline 来优化页面性能 - Coding 博客
- android下chrome调试手机网页的方法 - 为程序员服务
logrocket
- LogRocket
- LogRocket/logrocket: Record and replay user sessions to fix bugs faster.
- diogosouza/vuetify-logrocket: A SPA app made with Vue.js and Vuetify
OneProfile
- JavaScript 性能分析新工具 OneProfile - OneAPM技术博客 - 前端乱炖
移动端前端开发调试
- 【译】远程调试 iOS Safari - 前端 - 掘金
- 移动前端调试方案(Android + Chrome 实现远程调试) - Leinov - 博客园
- 在安卓设备上使用 Chrome 远程调试功能 - Chrome 开发工具指南 - 极客学院Wiki
- MIHTool - iOS Web Debugger Pro
- 移动端前端开发调试 | 于江水
- UC Plus —— 为开发者提供服务而生
- xinranliu.me
虚拟列表/长列表
- bitmain-frontend/huge-tree: 基于 vue 的海量数据tree组件(20w+)
- 前端tree组件,10000个树节点,从12.19s到0.49s - 掘金
- Web长列表的救星?谷歌推出Virtual Scroller - 前端 - 掘金
- 当后端一次性丢给你10万条数据, 作为前端工程师的你,要怎么处理?
- 再谈前端虚拟列表的实现 - 知乎
- 聊聊前端开发中的长列表 - 知乎
- 你不知道的JavaScript——性能测试和调优 - 掘金
- 前端调试 - 掘金
- [盘点] 项目中可以怎么优化图片 - 掘金
- 用100行代码提升10倍的性能 - 掘金
- 前端性能优化之谈谈通用性能指标及上报策略 - 掘金
#抓包
Charles
- Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy
- Charles抓包—App资源代理 - 掘金
- Charles 从入门到精通 | 唐巧的博客
- Charles授权码在线生成 charles 激活码 charles license key generate charles 破解
Fiddler
- Fiddler - Free Web Debugging Proxy - Telerik
- Fiddler “抓包“最新详细教程 - 掘金
- 前端调试告别笨办法 - 掘金
- 强大的Fiddler
LightProxy
- alibaba/lightproxy: Proxy & Debug tools for macOS & Windows based on whistle with Chrome Devtools UI
- 快速开始 | LightProxy
- LightProxy 💎 Cross platform Web debugging proxy
Nohost
- Tencent/nohost: 基于 Whistle 实现的多账号多环境远程配置及抓包调试平台
Whistle
- avwo/whistle: HTTP, HTTPS, WebSocket debugging proxy
- 关于whistle · GitBook
- 前端程序员进阶必备 | 教你配置免费又好用的抓包代理神器,HTTPS 也不在话下 - 掘金
- Whistle: 前端调试神器
- 教你配置免费又好用的抓包代理神器,HTTPS 也不在话下
#前端异常
badjs-report
- BetterJS/badjs-report: monitor error and report
Bugsnag
- Bugsnag
- bugsnag/bugsnag-js: Javascript error handling tool for Bugsnag. Monitor and report JavaScript bugs & errors.
- Error Monitoring & App Stability Management | Bugsnag
- Bugsnag docs
Sentry
- endachao/Sentry-Manual-Chinese-Version: 在线阅读:http://yccphp.gitbooks.io/sentry-manual-chinese-version/
- Sentry | Error Tracking Software — JavaScript, Python, PHP, Ruby, more
- Introduction | Sentry-Manual-Chinese-Version
- 前端异常监控之 Sentry的部署和使用 - 掘金
- 前端错误监控方案 sentry
- getsentry/sentry-react-native: Official Sentry SDK for react-native
- iv-web/track-report: 上报脚本
- jbavari/catch.js: A Javascript library focused on wrapping functions in try/catch blocks to provide better error catching and reporting.
- mod-dev.xes1v1.com/firEye-probe.js
- 前端代码错误上报 - 掘金
- 前端错误收集(Vue.js、微信小程序) - 掘金
- 蚂蚁金服-基于数据和堆栈映射快速定位前端问题 - 掘金
- 来,跟我一起 ,自研多端错误监控平台(完整版)
- 如何搭建前端异常监控系统
- 如何搭建异常捕获平台|场景重现
- Callback Promise Generator Async-Await 和异常处理的演进 - 简书
- 如何优雅处理前端异常? - Jartto's blog
- 如何优雅处理前端异常? - Jartto's blog
- 前端 JavaScript 错误分析实践
- “各位大佬,怎么又报错了?帮我看一下”
- 1000+个项目的10大JavaScript错误(以及如何避免)
- 京东京喜业务错误监控详细分析实践
- 腾讯Bugly - 一种愉悦的开发方式 _android anr_android anr分析_iOS崩溃日志分析平台
- 你不知道的前端异常处理(万字长文,建议收藏)
- 【编译篇】AST实现函数错误的自动上报 - SegmentFault 思否
¥代码构建
实时构建
- 基于浏览器的实时构建探索之路
¥代码压缩工具
cl-uglify-js
- mishoo/cl-uglify-js: JavaScript compressor/beautifier library for Common Lisp
cl-ppcre
- edicl/cl-ppcre: Common Lisp regular expression library
- CL-PPCRE - Portable Perl-compatible regular expressions for Common Lisp
html-minifier
- kangax/html-minifier: Javascript-based HTML compressor/minifier (with Node.js support)
iterate
- iterate, the extensible iteration construct
- iterate / iterate · GitLab
JS混淆、加密
- yui/yuicompressor: YUI Compressor
- Protect JavaScript source code with v8 snapshot · nwjs/nw.js Wiki
- NW.js Documentation
- Online JavaScript beautifier
- nw.js node-webkit系列(18)怎么对.js进行编译以防你的代码暴露出来 - CSDN博客
- JS代码加密 | Javascript 不可逆加密 | JS混淆加密 —在线工具
- 看起来很厉害的 JS 编译器 | 鲁夫的爱
Minify
- Minify - JavaScript and CSS minifier
parse-js
- parse-js / A JavaScript parser
- marijnhaverbeke.nl Git - parse-js/summary
parse-number
- sharplispers/parse-number: PARSE-NUMBER is a library of functions for parsing strings into one of the standard Common Lisp number types without using the reader.
- CLiki: parse-number
- CLiki: parse-number
UglifyJS
- mishoo/UglifyJS: JavaScript parser / mangler / compressor / beautifier library for NodeJS
UglifyJS2
- mishoo/UglifyJS2: JavaScript parser / mangler / compressor / beautifier toolkit
- UglifyJS — JavaScript parser, compressor, minifier written in JS
Unminify
- Unminify JS, CSS and HTML Code
- ZFJObsLib_dmg: ZFJObsLib-iOS代码混淆工具(马甲包混淆工具),具体功能有方法混淆、属性混淆、类名混淆、添加垃圾代码、自动创建垃圾类、删除注释、修改资源文件Hash值、加密字符串、翻新资源
- 推荐15个最好用的 JavaScript 代码压缩工具 - 梦想天空(山边小溪) - 博客园
¥代码部署
#灰度环境
- 手把手教你搭建一个灰度发布环境 - 掘金
- (...) 手把手教你搭建一个灰度发布环境_DevUI团队 - SegmentFault 思否
#自动化部署
- 前端项目自动化部署——超详细教程
- aotianwinter/my-auto-deploy: node deploy 前端自动化部署
- fuchengwei/deploy-cli-service: 前端自动部署脚手架服务
- 从零开始 Node实现前端自动化部署 - 掘金
- 基于Python实现前端自动化打包部署 - 掘金
- 前端自动化部署之Shell
- 前端一键自动部署工具🛠
- 前端一键自动部署工具🛠 v1.2.0(支持集群部署) 更新咯
- 前端项目自动化部署——超详细教程(Jenkins、Github Actions)
- (...) 大厂是如何用DevCloud流水线实现自动化部署Web应用的?_DevUI团队 - SegmentFault 思否
- 基于Docker搭建基础自动化部署
- 你不知道的前端项目自动化部署(实战教学,超详细教程)
- Gitlab-ci: 从零开始的前端自动化部署
- 你不知道的前端项目自动化部署(实战教学,超详细教程)
- zeit/now: The easiest way to deploy websites
- dadaiwei/fe-deploy-cli: 前端轻量化部署脚手架,基于node-ssh实现,支持测试、线上等多环境部署
- xusenlin/marewood: marewood is an open source automatic packaging deployment tool for front-end || MareWood 是一个Go开发的轻量级前端部署工具,可以很灵活的配置各种打包部署环境并提供访问。
- 【你应该了解的】详尽&全面的前端部署(从零起步,前端上线不用愁) - 掘金
- 【前端打包部署】谈一谈我在SPA项目打包=>部署的处理 - 掘金
- 前端轻量化部署脚手架实践 - 掘金
- 正儿八经的前端项目部署流程(交流分享)
- 大公司里怎样开发和部署前端代码? - 知乎
- 前端部署演化史
- 铸心 | 博客服务器部署全过程记录
¥现网/生产环境
前端日志
aegis-ivweb
- iv-web/aegis-ivweb: ivweb前端监控及跟踪解决方案
analytics
- kimyLee/analytics: a script of log report
- 从一个埋点日志上报脚本说起 - 掘金
badjs2
- iv-web/badjs2: 前端脚本错误监控及跟踪解决方案
- Badjs2 - 前端脚本错误监控及跟踪解决方案
wardjs-report
- wardjs-report - npm
- 前端错误日志收集方案 - 掘金
- 打造前端离线日志(一): IndexedDB - 掘金
¥前端安全、性能&监控
¥前端安全、性能&监控 core
GNU zip,Gzip
- gzip · GitHub Topics
- The gzip home page
- Gzip - GNU Project - Free Software Foundation
- 「简明性能优化」双端开启Gzip指南 - 掘金
- 你真的了解 gzip 吗? - 知乎
Web缓存
web清缓存
- 缓存从入门到放弃 - 掘金
- html头文件设置常用之<meta>设置缓存 - 兔&&大梅 - 博客园
- web性能优化:详说浏览器缓存 - Lucien! - 博客园
- 如何在 apache 中设置缓存有效时间 - 韩子迟 - 博客园
- 如何设置网页静态内容缓存时间(Apache) | 云上小悟
- 针对web开发者的浏览器缓存指南(译) - 掘金
- 从前端角度理解缓存 - 掘金
- 前端之浏览器缓存,一次搞定 - 掘金
- 实践这一次,彻底搞懂浏览器缓存机制 - 掘金
- [译]通过超市买牛奶来学习缓存 - 掘金
- 捋一捋浏览器缓存 - 掘金
- 霖呆呆你来说说浏览器缓存吧 - 掘金
浏览器渲染优化
回流与重绘
关键渲染路径
- 关键渲染路径 · Issue #29 · berwin/Blog
- 优化关键渲染路径 - 掘金
- Notes on HTML Reflow
- 关于回流与重绘优化的探索 - 掘金
- 你真的了解回流和重绘吗 - 掘金
- 你应该要知道的重绘与重排 - 掘金
- 浏览器渲染原理(性能优化之如何减少重排和重绘) - 掘金
预渲染
- 构建时预渲染:网页首帧优化实践 - 美团技术团队
- 浏览器渲染优化 - 掘金
- 仪表盘场景的前端优化 - 掘金
- Browser Rendering Optimizations for Frontend Development ― Scotch.io
跨站脚本攻击(Cross Site Scripting,XSS)
DOMPurify
- cure53/DOMPurify: DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo:
js-xss
- leizongmin/js-xss: Sanitize untrusted HTML (to prevent XSS) with a configuration specified by a Whitelist
xss-filters
- YahooArchive/xss-filters: Secure XSS Filters.
- Cross-site scripting - Wikipedia
- 常见六大Web安全攻防解析 - 掘金
- JS每日一题: web安全攻击手段有哪些?以及如何防范 - 掘金
- 前端安全系列(一):如何防止XSS攻击?
- web安全之XSS实例解析 - 前端小码农 - SegmentFault 思否
跨站请求伪造(Cross-site request forgery,CSRF/XSRF)
- Cross-site request forgery - Wikipedia
- 跨站点请求伪造(CSRF)总结和防御 - 掘金
- 前端安全系列之二:如何防止CSRF攻击?
- Web安全之CSRF实例解析 - 前端小码农 - SegmentFault 思否
- 别人收到秋天奶茶, 我收到了安全工单 - CSRF
内容安全策略(Content Security Policy,CSP)
- 内容安全策略(CSP)详解 - 掘金
- 技术观察:谷歌CSP工程化实践导读 - 知乎
服务器端请求伪造(Server-Side Request Forgery,SSRF)
- welefen/ssrf-agent: make http(s) request to prevent SSRF
- elmigranto/safe-http-client: Drop-in replacemnet for `request` to protect from SSRF and similar attacks.
- uber-common/paranoid-request: An SSRF-preventing wrapper around Node's request module
- azu/request-filtering-agent: An http(s).Agent implementation that block request Private IP address.
- safe-request - npm
- Web安全-SSRF漏洞_PHP_ClearSky-CSDN博客
- 浅谈CSRF与SSRF_网络_pygain的博客-CSDN博客
- SSRF漏洞 - 简书
- SSRF前端区孔洞封堵的中子屏蔽计算--《第三届全国加速器技术学术交流会论文摘要集》2007年
- Web安全漏洞之SSRF – ThinkJS 团队 – OnlyLing - Web 前端开发者
- web漏洞之SSRF - oh卟懂ta - 博客园
- 实战篇丨聊一聊SSRF漏洞的挖掘思路与技巧 - i春秋学院 - 博客园
- Web 安全漏洞 SSRF 简介及解决方案
- SSRF漏洞总结和防御方法
代码分割(code splitting)
- 项目不知道如何做性能优化?不妨试一下代码分割 - 掘金
- 如何使用 splitChunks 精细控制代码分割 - 掘金
用户体验适配层(Back-end for Front-end,BFF)
- Why big companies and rapidly growing startups need Back-end for Front-end | by Ksenia Lvova | Blue Harvest Tech Blog | Medium
- Sam Newman - Backends For Frontends
- Building a Backend for Frontend (BFF) For Your Microservices | Nordic APIs |
- Frontend Architectural Patterns: Backends-For-Frontends | by Bowei Han | Frontend at Scale | Medium
- Backend For Frontend 实践心得_Qbit编程学习笔记-CSDN博客
- BFF初探 - SegmentFault 思否
- BFF —— Backend For Frontend - 简书
- 为什么 backend-for-fronend 日趋流行? - 知乎
- 微服务架构~BFF和网关是如何演化出来的 - 大大的橙子 - 博客园
- Backend For Frontend (BFF) | 黯羽轻扬
- Backend For Frontend (BFF) - 云+社区 - 腾讯云
- Backend For Frontend(BFF)in Serverless-极客时间
¥前端安全、性能&监控 frameworks、libs、plugins&tools
BuckyClient
- HubSpot/BuckyClient: Collect performance data from the client
- Bucky — Performance Measurement of Your App's Actual Users
Lighthouse
- GoogleChrome/lighthouse: Auditing, performance metrics, and best practices for Progressive Web Apps
- ebidel/lighthouse-ci: Run Lighthouse in CI using Docker
- 使用 Lighthouse 审查网络应用 | Tools for Web Developers | Google Developers
- 網站性能調優開發工具: Lighthouse, Puppeteer 以及進階部分丨 Google 開發者大會 2018 | Calpa 的技術博客
mitojs
- clouDr-f2e/mitojs: 👀 一款轻量级的收集页面的用户点击行为、路由跳转、接口报错、代码报错、并上报服务端的SDK
stats.js
- mrdoob/stats.js: JavaScript Performance Monitor
- paulirish/memory-stats.js: minimal monitor for JS Heap Size via performance.memory
upptime
- Upptime
- upptime/upptime: ⬆️ Uptime monitor and status page powered by GitHub Actions, Issues, and Pages
- Koj
- Upptime
web-vitals
- GoogleChrome/web-vitals: Essential metrics for a healthy site.
zanePerfor
- wangweianger/zanePerfor: 前端性能监控系统,消息队列,高可用,集群等相关架构
- zanePerfor性能监控统计平台
- zanePerfor 一款完整,高性能,高可用的前端性能监控系统,不要错过 - 掘金
- Tools | Perf.Rocks
- WebPageTest - Website Performance and Optimization Test
- FrontJS - 轻量级的网站错误监控平台|小程序监控|网站错误监控|网站异常信息汇总|网站性能监测报告|堆栈追踪|Source Map
- 5 分钟撸一个前端性能监控工具 - 掘金
- 前端监控平台系列:JS SDK(已开源)
- 【特别推荐】12款最佳的网站速度和性能测试工具 - 梦想天空(山边小溪) - 博客园
- 网站优化:测试网站速度的8款免费工具推荐 - 梦想天空(山边小溪) - 博客园
- Product Analytics for Mobile, Web, & More | Mixpanel
¥前端安全、性能&监控 资源、整理集&FAQ
前端安全、性能&监控 资源
- w3c/web-performance: W3C Web Performance Working Group repo
- 嗨,送你一张Web性能优化地图 - 前端 - 掘金
前端安全、性能&监控 整理集
《2019 前端性能优化年度总结》
- gold-miner/front-end-performance-checklist-2019-pdf-pages-1.md at master · xitu/gold-miner
- gold-miner/front-end-performance-checklist-2019-pdf-pages-2.md at master · xitu/gold-miner
- gold-miner/front-end-performance-checklist-2019-pdf-pages-3.md at master · xitu/gold-miner
- gold-miner/front-end-performance-checklist-2019-pdf-pages-4.md at master · xitu/gold-miner
- gold-miner/front-end-performance-checklist-2019-pdf-pages-5.md at master · xitu/gold-miner
- gold-miner/front-end-performance-checklist-2019-pdf-pages-6.md at master · xitu/gold-miner
- (译)2019年前端性能优化清单 — 上篇 - 掘金
- (译)2019年前端性能优化清单 — 中篇 - 掘金
- (译)2019年前端性能优化清单 — 下篇 - 掘金
《Google - 使用 webpack 进行 web 性能优化》
- 【译】Google - 使用 webpack 进行 web 性能优化(一):减小前端资源大小 - 掘金
- 【译】Google - 使用 webpack 进行 web 性能优化(二):利用好持久化缓存 - 掘金
- 【译】Google - 使用 webpack 进行 web 性能优化(三):监控和分析应用 - 掘金
《性能优化指南》
- 【性能优化指南】1 - 带你全面掌握前端性能优化 🚀 - 掘金
- 【前端性能优化指南】2 - 利用缓存减少远程请求 - 掘金
- 【前端性能优化指南】3 - 加快请求速度 - 掘金
- 【前端性能优化指南】4 - 如何加速页面解析与处理? - 掘金
- 【前端性能优化指南】5 - 静态资源的优化 - 掘金
- 【前端性能优化指南】5.1 - 优化你的 JavaScript - 掘金
《前端性能优化指南》
- 前端性能优化指南[1]--前言 - 掘金
- 前端性能优化指南[2]--什么是Web性能? - 掘金
- 前端性能优化指南[3]--为什么要关注 Web 性能? - 掘金
- 前端性能优化指南[4]--Web 性能优化历史 - 掘金
- 前端性能优化指南[5]--W3C 与 Web 性能工作组 - 掘金
- 前端性能优化指南[6]--Web 性能标准 - 掘金
- 前端性能优化指南[7]--Web 性能指标 - 掘金
《Web性能优化》
- Web性能优化-加载优化(一)
- Web性能优化-加载优化(二)
- Web性能优化-性能指标(三)
- Web性能优化-网页内容优化(四)
- Web性能优化-缓存优化(HTTP缓存和ServiceWorker离线缓存)(五)
- Web性能优化-渲染阶段优化(六)
《埋点自动收集方案》
- 埋点自动收集方案-概述
- 埋点自动收集方案-路由依赖分析
- 前端性能优化 · Issue #72 · xwchris/blog
- 前端性能优化不完全指北 · Issue #9 · Weiyu-Chen/blog
- Web Developer Checklist
- [英] 前端性能优化 2019 年度总结 - 前端 - 掘金
- Web安全小总结:XSS,CSRF及其防御 - 掘金
- web性能优化的15条实用技巧
- 前端性能优化总结
- 从 Helmet 看 11 种浏览器安全策略
- 2017前端性能优化清单 - ED's Blog - SegmentFault 思否
- (10 条消息)Web前端应该从哪些方面来优化网站? - 知乎
- 推荐25个提高网站可用性和转化率的工具 - 梦想天空(山边小溪) - 博客园
- Web前端性能优化的9大问题 - 前端web钻研者 - 博客园
- 雅虎前端优化法则 - 思齐_ - 博客园
- 性能测试常见指标介绍 - 朝雨忆轻尘 - 博客园
- 五个维度再谈前端性能优化
- Web 安全总结(面试必备良药)
- 2020前端性能优化清单(一)
- 前端性能优化 24 条建议(2020)
前端安全、性能&监控 FAQ
- w3c/20180903_Web性能信息采集指南.md at master · 75team/w3c
- front-end-interview/load.md at master · Advanced-Interview-Question/front-end-interview
- 在单页应用中,如何优雅的监听url的变化 · Issue #37 · forthealllight/blog
- 前端性能优化之Lazyload - 掘金
- 【译文】CSS 与网络性能 - 掘金
- 深度讲解:web前端性能优化 - 掘金
- 前端性能优化总结 - 掘金
- 出人意料的性能测试 - 掘金
- 还在看那些老掉牙的性能优化文章么?这些最新性能指标了解下
- 如何监控前端页面FPS - 掘金
- 轻松实现 Web 性能优化 - 掘金
- 移动web性能优化从入门到进阶 - 掘金
- Webnovel 不用照顾 Edge 浏览器性能?想多了! - 掘金
- 在单页应用中,如何优雅的上报前端性能数据 - 掘金
- 蚂蚁金服如何把前端性能监控做到极致? - 前端 - 掘金
- 手刃前端监控系统 - 掘金
- 前端监控和前端埋点方案设计 - 掘金
- 代码快不快?跑个分就知道 - 掘金
- 如何处理浏览器的断网情况? - 掘金
- 前端性能优化实践 之 百度App个人主页优化 - 掘金
- 自动化 Web 性能优化分析方案 - 掘金
- 前端文档站点搭建方案 - 掘金
- 第五期 | 前端监控的设计和实现 - 掘金
- 动态修改script标签中的src属性存在的问题 - CSDN博客
- 把前端监控做到极致 - 知乎
- 前端优化:RequireJS Optimizer 的使用和配置方法 - 梦想天空(山边小溪) - 博客园
- 前端埋点的那些事@慕课网 原创_慕课网_手记
- 网站性能优化实战——从12.67s到1.06s的故事 - 腾讯Web前端 IMWeb 团队社区 | blog | 团队博客
- 奇舞周刊
- Web 安全总结(面试必备良药)
- 前端性能优化之自定义性能指标及上报方法详解
- 前端安全—你必须要注意的依赖安全漏洞
- 干货:如何十分钟实现一个简单的前端性能、fetch请求实时监控?
- 【综合篇】Web前端性能优化原理问题
- 前端开发人员的十个安全建议,做了以后老板给你点赞
- 前端性能优化之谈谈常见的性能指标及上报策略
- https://mp.weixin.qq.com/s?__biz=MzI0MzIyMDM5Ng==&mid=2649828372&idx=1&sn=53384ac43547419eb16eef670bd2153c&chksm=f175e6d7c6026fc1e0023516fb8ee1d936ee1661794b04b87f80201082688810cbc34b33c982&mpshare=1&scene=23&srcid=0702LGJweZ8ahzw5i4Tuhwk0&sharer_sharetime=1593700414299&sharer_shareid=c4ff3c0072f45c02ec37111084873c94#rd
- Web Performance Metrics 与 Core Web Vitals 简介 —— 现代前端性能各个指标的具体含义和设计理念
- 蚂蚁金服如何把前端性能监控做到极致?-InfoQ
- 前端隐秘角落 - web安全的演变历程
- 【值得收藏】前端优化详解以及需要关注的几个问题
- 如何从 0 到 1 搭建性能检测系统 - 政采云前端团队
- Web 架构师如何做性能优化?
$客户端
¥视频客户端
- phobal/ivideo: 一个可以观看国内主流视频平台所有视频的客户端(Mac、Windows、Linux) A client that can watch video of domestic(China) mainstream video platform
¥聊天客户端
- Converse.js – 开源的 XMPP 聊天客户端 - 梦想天空(山边小溪) - 博客园
$系统&桌面应用
¥Linux
#Linux core
awk
- Linux生产环境上,最常用的一套“AWK“技巧
CentOS
- 半小时搞会 CentOS 入门必备基础知识 - 掘金
cron
- crontab.org - CRONTAB(5)
curl
- curl
- Curl Cookbook
- curl 的用法指南 - 阮一峰的网络日志
- curl: curl是一款著名的字符界面下的下载工具,支持HTTP、HTTPS、FTP、FTPS、DICT、TELNET、LDAP、FILE,和GOPHER
- curl 命令详解 - 简书
- Curl首页、文档和下载 - 通过 URL 传输数据的使命行工具与库 - OSCHINA - 中文开源技术交流社区
- CURL常用命令 - 张贺 - 博客园
- Linux curl命令详解 - 爱E族
echo
- echo命令详解 (一) 真的很详细
- echo命令详解 (二) 真的很详细
- Linux学习笔记——如何使用echo指令向文件写入内容 - 物联网 IoT 经验分享小站 - CSDN博客
rm
- Linux rm 命令 | 菜鸟教程
rz/sz
- rz/sz命令参数解释_运维_sdujava2011-CSDN博客
- Linux下rz命令和sz命令使用方法_运维_国无二君的博客-CSDN博客
- linux系统下的rz、sz详解_运维_风的专栏-CSDN博客
- rz、sz (上传下载)命令参数的解释_运维_https://space.bilibili.com/59807853-CSDN博客
- mobaxterm 使用rz/sz_运维_kq1983的专栏-CSDN博客
sed
- Linux生产环境上,最常用的一套“Sed“技巧
shell
- ish-app/ish: Linux shell for iOS
- oldratlee/useful-scripts: 🐌 useful scripts for making developer's everyday life easier and happier
- Suishenyun/awesome-scripts: useful scripts for Linux op
- superhj1987/awesome-scripts: useful scripts for Linux op
- shell常用命令(收藏) - 知乎
- Windows常用shell命令大全 - ztxjzh的博客 - CSDN博客
- Shell脚本中判断输入变量或者参数是否为空的方法_linux shell_脚本之家
- Shell字符串比较相等、不相等方法小结_linux shell_脚本之家
- (3条消息) Shell if 条件判断_一生只画眉-CSDN博客
- shell command命令_瑜伽山神的博客-CSDN博客
tail
- 别小看tail 命令,它难倒了技术总监
tar
- Linux下的tar压缩解压缩命令使用_运维_mayue_web的博客-CSDN博客
- linux解压 tar命令 - 风未馨 - 博客园
- Linux下的tar压缩解压缩命令详解 - 小米m - 博客园
Ubuntu
- The Ubuntu Sub System (New Bash Shell) in Windows 10 | Algorithms, Blockchain and Cloud
unzip/zip
- unzip命令 - cxhfuujust - 博客园
- Linux中zip压缩和unzip解压缩命令详解 - 清零者 - 博客园
- centos7离线安装unzip和zip - 又尘埃 - 博客园
vi/vim
VIM
VIM core
- welcome home : vim online
VIM libs、plugins&tools
ranger
- ranger/ranger: A VIM-inspired filemanager for the console
vimium-c
- gdh1995/vimium-c: A keyboard shortcut browser extension for keyboard-based navigation and tab operations with an advanced omnibar
- Home · gdh1995/vimium-c Wiki
- wklken/vim-for-server: .vimrc, simple configures for server, without plugins.
VIM 资源、整理集&FAQ
- mhinz/vim-galore: All things Vim!
- Vim Cheat Sheat for Programmers by Michael Pohoreski
- Graphical vi-vim Cheat Sheet and Tutorial
- vi-vim-cheat-sheet-sch.gif (1024×724)
- Linux下使用vim命令编辑与修改文本内容_Linux教程_Linux公社-Linux系统门户网站
- 人人都会Vim - 掘金
- Vim,第三只手
- Linux生产环境上,最常用的一套“vim“技巧
- Vim漫游键,为什么不设定左手?介绍一种5x倍速漫游方式
- Linux笔记:vi常用命令 - 朝雨忆轻尘 - 博客园
- Linux 命令大全 | 菜鸟教程
- Linux 常用命令全拼 | 菜鸟教程
#Linux libs、plugins&tools
Emacs
- GNU Emacs - GNU Project
ohmyzsh
- ohmyzsh/ohmyzsh: 🙃 A delightful community-driven (with 1700+ contributors) framework for managing your zsh configuration. Includes 200+ optional plugins (rails, git, OSX, hub, capistrano, brew, ant, php, python, etc), over 140 themes to spice up your morning, and an auto-update tool so that makes it easy to keep up with the latest updates from the community.
- Oh My Zsh - a delightful & open source framework for Zsh
- (3条消息) 使用 ohmyzsh 打造 windows、ubuntu、mac 系统高效终端命令行工具_u012384510的博客-CSDN博客
- Window 10上使用zsh并安装oh-my-zsh - 简书
- Windows下oh my zsh配置选择_软件_195幻想曲
- 使用 ohmyzsh 打造 windows、ubuntu、mac 系统高效终端命令行工具 | 若川的博客
- 这篇 iTerm2 + Oh My Zsh 教程手把手让你成为这条街最靓的仔
Planner
- Planner | Task manager with Todoist support designed for GNU/Linux 🚀.
Zsh
- Zsh
#Linux 资源、整理集&FAQ
Linux 资源
linux-command
- jaywcjlove/linux-command: Linux命令大全搜索工具,内容包含Linux命令手册、详解、学习、搜集。https://git.io/linux
- jaywcjlove.github.io
- Linux命令搜索引擎 命令,Linux Linux命令搜索引擎 命令详解:最专业的Linux命令大全,内容包含Linux命令手册、详解、学习,值得收藏的Linux命令速查手册。 - Linux 命令搜索引擎
- Linux命令搜索引擎 命令,Linux Linux命令搜索引擎 命令详解:最专业的Linux命令大全,内容包含Linux命令手册、详解、学习,值得收藏的Linux命令速查手册。 - Linux 命令搜索引擎
- raw.githack.com
- cdn.statically.io
- git.io
The Linux Command Line
- The Linux Command Line by William Shotts
- The Linux Command Line 中文版 · 看云
- 第一章:引言 · The Linux Command Line 中文版 · 看云
- The Linux Command Line 中文版.pdf
- linux · GitHub Topics
- linux-command · GitHub Topics
- tianshiyeben/wgcloud: linux高性能高并发监控系统,java开发,支持内存,cpu,磁盘,系统负载,网络流量,进程等指标监控,服务接口动态检测,数据实时监控
- 0xAX/linux-insides: A little bit about a linux kernel
Linux 整理集
- 40张图入门Linux——(前端够用,运维入门)
- 每个开发人员都应该掌握的 11 个控制台命令 - 掘金
- 用于黑客渗透测试的 21 个最佳 Kali Linux 工具 - 知乎
- Linux笔记:linux常用命令 - 朝雨忆轻尘 - 博客园
- 前端常用的15个linux命令
- (2条消息) Linux下文件搜索、查找、查看命令_黄小小的博客-CSDN博客
- Linux技术干货合集(不断更新中……)
- 「薅」52图初探Linux通用知识
《鸟哥的Linux私房菜》
- 鳥哥的 Linux 私房菜 -- 鳥哥的 Linux 私房菜 首頁
- 鸟哥的Linux私房菜简体首页
- 对不起,学会这些 Linux 知识后,我有点飘
Linux FAQ
- BaoTa: 宝塔Linux面板 - 简单好用的服务器运维面板
- linux0.12 内核学习 (buffer.c) - 掘金
- Linux分区+安装centos6.9 - 掘金
- 关于Linux系统的文件权限,你需要了解这些内容 - 掘金
- 实用的 bash 自定义脚本,快速提效工作流程
- Linux 查找进程与结束进程 - 蚩尤后裔 - CSDN博客
- linux shell 脚本 获取 执行命令结果_Man_In_The_Night的博客-CSDN博客
- Linux 中执行Shell 脚本的方式(三种方法)_timchen525的专栏-CSDN博客
- (1条消息)shell命令去除字符串里双引号_运维_yudelian的博客-CSDN博客
- Shell脚本判断用户的输入内容_linux shell_脚本之家
- shell 脚本中获取执行系统命令的输出结果 - 知乎
- Shell脚本 - 如何从变量中删除第一个和最后一个引号(“)? - 问答 - 云+社区 - 腾讯云
- linux下检查是否安装过某软件包 - 景岳 - 博客园
- linux文件夹打包命令 - 正在学习的Barry - 博客园
- Linux查询进程和结束进程 - 大米饭~ - 博客园
- nodejs设置NODE_ENV环境变量(2) - 风车车jerry - 博客园
- linux 环境变量配置(node) - 浪迹灬天涯 - 博客园
- 详解Linux交互式shell脚本中创建对话框实例教程_linux服务器 - 枫岚霖 - 博客园
- 创建交互式shell脚本对话框 - Linux就该这么学 - 博客园
- Linux大文件重定向和管道的效率对比
- 把你的 Linux 打扮的像个黑客屏幕
- 让你牛B加身的前端必会Linux命令
- Pro Linux 基础篇之MobaXterm设置无密码登录 - Linux相关 - Qt开源社区 - qt qml linux 嵌入式 教程!
- command line - Load key "privkey.ppk" invalid format - Ask Ubuntu
- ssh - How to convert .ppk key to OpenSSH key under Linux? - Super User
- Permissions 0644 for '/home/linuxidc/.ssh/id_rsa' are too open 解决_Linux教程_Linux公社-Linux系统门户网站
¥Mac
#Mac core
#Mac libs&tools
meilix-generator
- fossasia/meilix-generator: WebApp for generating a custom ISO image based on Meilix http://meilix.org
#Mac 资源、整理集&FAQ
Mac 资源
Best-App
- hzlzh/Best-App: 收集&推荐优秀的 Apps/硬件/技巧/周边等
- macos · GitHub Topics
- mac · GitHub Topics
- apple · GitHub Topics
- macosx · GitHub Topics
- mac-osx · GitHub Topics
- jaywcjlove/awesome-mac: Now we have become very big, Different from the original idea. Collect premium software in various categories.
- nikitavoloboev/my-mac-os: List of applications and tools that make my macOS experience even more amazing
Mac 整理集
Mac FAQ
- Mac 超详细入门指南,备用!
¥Unix
- Supervisor: A Process Control System — Supervisor 3.3.4 documentation
¥Windows
#Windows core
batch
DOS/BAT
- windows bat脚本编写_运维_gaotihong的博客-CSDN博客
- Windows bat脚本——for循环用法详解(一)_运维_午夜阳光-CSDN博客
- Windows 批处理(bat)语法大全_GoodIdea-CSDN博客
- DOS/BAT-脚本之家
- BAT文件如何注释 - 果果虫 - 博客园
- windows bat脚本教程 - 草根920 - 博客园
- [No0000A4]DOS命令(cmd)批处理:替换字符串、截取字符串、扩充字符串、获取字符串长度 - CharyGao - 博客园
- windows脚本编写及使用方法_运维_夜风的博客-CSDN博客
- 一次永久解决cmd窗口汉字显示乱码_Java_quinn的专栏-CSDN博客
- windows cmd下的转义符_运维_sayyy的专栏-CSDN博客
- CMD 中 findstr 正则表达式_运维_星空的专栏-CSDN博客
- windows批处理中的%errorlevel%与!errorlevel!_运维_Auto Testing Blog-CSDN博客
- cmd脚本命令--之基本命令锦集_运维_人生代码,代码人生。。。-CSDN博客
- 批处理字符串去除两边的引号(转)_运维_第四类人-CSDN博客
- 批处理提取文本文件第一行跟最后一行的方法_运维_DreamSpark的专栏-CSDN博客
- dos cmd开启关闭回显@echo on与@echo off与echo on与echo off 的区别_石头的大茅坑-CSDN博客
- 【cmd】windows批处理读取文件内容到一个变量中_运维_SoaringLee_fighting的技术专栏-CSDN博客
- (2条消息) CMD获取当前目录的绝对路径_kunkliu的博客-CSDN博客
- (2条消息) 批处理大于、小于、等于、不小于、不大于和不等于_跳跳投的博客-CSDN博客
- (3条消息) cmd获取当前系统时间命令_UPUPUPEveryday的博客-CSDN博客
- windows脚本文件漫谈 - 简书
- set /p= 命令使用详解_DOS/BAT_脚本之家
- windows脚本学习中文手册_Script56_chs_脚本之家
- CMD中goto语句会中断for循环特性详解 - 小小沧海 - 博客园
- cmd,bat和dos的区别 - 雨临Lewis - 博客园
- windows脚本-CMD和Batch - dawnminghuang - 博客园
- cmd for 用法 - bug_x - 博客园
- 批处理命令——call 和 start - kaizen - 博客园
- 设置始终以管理员身份运行cmd窗口 - 云+社区 - 腾讯云
- CMD 命令 IF_来自旅行者1号_新浪博客
- 脚本编程助手(windows脚本编程)V19.9.3 绿色版 - 绿色先锋下载 --
- Windows 脚本编程 - 百度文库
- windows命令行如何删除文件夹和文件_百度经验
- Win7使用CMD命令强行删除文件的方法_百度经验
- cmd怎么读取txt中某行数据_百度知道
- Windows 7脚本编程和命令行工具指南_读书频道_51CTO.COM_领先的中文IT技术网站
Msiexec.exe
- Msiexec.exe Command Line
PowerShell
PowerShell core
Start-Process
- Start-Process start - PowerShell - SS64.com
- PowerShell/PowerShell: PowerShell for every system!
- Azure/azure-powershell: Microsoft Azure PowerShell
- MicrosoftDocs/PowerShell-Docs: The official PowerShell documentation sources
- PowerShell Documentation - PowerShell | Microsoft Docs
- PowerShell 中文博客 – 收集和分享 Windows PowerShell 相关教程,技术和最新动态
- Powershell – PowerShell 中文博客
- PowerShell 在线教程 – PowerShell 中文博客
- PowerShell 视频教程 – PowerShell 中文博客
- PowerShell团队博客 – PowerShell 中文博客
- PowerShell资讯 – PowerShell 中文博客
- PowerShell工具箱 – PowerShell 中文博客
- PowerShell在线提问 – PowerShell 中文博客
- PowerShell交流中心 – PowerShell 中文博客
- 中文电子书 – PowerShell 中文博客
- 英文电子书 – PowerShell 中文博客
PowerShell libs、plugins&tools
PowerSploit
- PowerShellMafia/PowerSploit: PowerSploit - A PowerShell Post-Exploitation Framework
posh-git
- dahlbyk/posh-git: A PowerShell environment for Git
- lazywinadmin/PowerShell: PowerShell functions and scripts (Azure, Active Directory, SCCM, SCSM, Exchange, O365, ...)
- clymb3r/PowerShell: Useful PowerShell scripts
- danielbohannon/Invoke-Obfuscation: PowerShell Obfuscator
- RamblingCookieMonster/PowerShell: Various PowerShell functions and scripts
- FuzzySecurity/PowerShell-Suite: My musings with PowerShell
PowerShell 资源、整理集&FAQ
- mosserlee (Mooser Lee)
- 在cmd中直接运行PowerShell脚本文件 – PowerShell 中文博客
- Powershell环境变量 – PowerShell 中文博客
- PowerShell 批量安装MSI安装包 – PowerShell 中文博客
- PowerShell 启动应用程序 – PowerShell 中文博客
- (1条消息)Powershell 学习: 管道: 连接命令_运维_weixin_42545594的博客-CSDN博客
- 如何在PowerShell中连续执行命令 - 笨兔子 - SegmentFault 思否
- 25个常用PowerShell命令总结_PowerShell_脚本之家
- PowerShell常用命令 - 与你心飞 - ITeye博客
- 【黑客基础】Windows PowerShell 脚本学习(上) - 山外Sundal - 博客园
- PowerShell一次执行多条命令 - YooHoeh - 博客园
- 使用Powershell实现自动化安装/卸载程序 - zhaotianff - 博客园
unzip/zip
- Windows下的zip和unzip命令 - 楷尘·极客 - CSDN博客
- ZIP解压缩命令-CSDN下载
Windows Installer
- Windows Installer - Win32 apps | Microsoft Docs
- Command-Line Options - Win32 apps | Microsoft Docs
Windows Subsystem for Linux,WSL
- About Windows Subsystem for Linux | Microsoft Docs
#Windows frameworks、libs、plugins&tools
Cygwin
- Cygwin
Squirrel.Windows
- Squirrel/Squirrel.Windows: An installation and update framework for Windows desktop apps
windows95
- felixrieseberg/windows95: 💩🚀 Windows 95 in Electron. Runs on macOS, Linux, and Windows.
win-bash
- win-bash - bash port for Windows
#Windows 资源、整理集&FAQ
- windows · GitHub Topics
- stackia/best-windows-apps: 推荐好用、优秀的 Windows 应用
- 如何在 Windows 10 中安装 WSL2 的 Linux 子系统_walterlv - 吕毅-CSDN博客
- Windows10 自带的虚拟机功能,让你同时拥有几台电脑。 - 知乎
- Win下最爱效率神器:AutoHotKey | 晚晴幽草轩
- 在Windows上运行Linux - majianguo - 博客园
- 利用 Chocolatey 快速在 Windows 下搭建一个开发环境 | Laravel China 社区 - 高品质的 Laravel 开发者社区
¥内容管理系统(Content Management System,CMS)
内容管理工具
Pico
- Nivo Slider - #1 Responsive WordPress Slider Plugin
- bolt/bolt: Bolt is a simple CMS written in PHP. It is based on Silex and Symfony components, uses Twig and either SQLite, MySQL or PostgreSQL.
- Bolt CMS: Easy for editors, and a developer's dream CMS | Bolt CMS
- Pagekit | Pagekit - A new modern CMS to create and share - Intuitive. Modular. Flexible.
¥个人管理系统(Personal Management System,PMS)
personal-management-system
- Volmarg/personal-management-system: Your web application for managing personal data.
- Hello from Personal Management System | Personal Management System
¥客户关系管理(Customer Relationship Management,CRM)
¥企业资源计划(Enterprise Resource Planning,ERP)
odoo
- odoo/odoo: Odoo. Open Source Apps To Grow Your Business.
- Open Source ERP and CRM | Odoo
- jiahaog/nativefier: Make any web page a desktop application
- Powerlevel9k/powerlevel9k: A tool for building the most useful CLI possible, customized for you.
- Pattern Lab - 构建先进的原子设计系统 - 梦想天空(山边小溪) - 博客园
- ShortcutMapper – 热门应用程序的可视化快捷键 - 梦想天空(山边小溪) - 博客园
- 如何跨操作系统共享文件?你还在用U盘傻瓜式地拷贝文件吗?
$浏览器
¥浏览器 core
¥Page Lifecycle API
- Page Lifecycle API | Web | Google Developers
- Page Lifecycle API | Web | Google Developers
¥V8引擎
- Documentation · V8
- V8 JavaScript engine
- [译]V8引擎中的排序 - 掘金
- 「译」Orinoco: V8的垃圾回收器 - 前端 - 掘金
- 「译」Orinoco: V8的垃圾回收器 - 前端 - 掘金
¥跨域
#跨域 core
crossorigin属性
- CORS settings attributes - HTML(超文本标记语言) | MDN
- HTMLMediaElement.crossOrigin - Web APIs | MDN
- Allowing cross-origin use of images and canvas - HTML: Hypertext Markup Language | MDN
- <img>: The Image Embed element - HTML: Hypertext Markup Language | MDN
- html - Purpose of the crossorigin attribute...? - Stack Overflow
- [html] script的crossorigin属性 - 简书
- Cross-Origin Resource Sharing (CORS) - HTTP | MDN
- HTTP访问控制(CORS) - HTTP | MDN
- Authoritative guide to CORS (Cross-Origin Resource Sharing) for REST APIs | Moesif Blog
#跨域 libs、plugins&tools
cors-anywhere
- Rob--W/cors-anywhere: CORS Anywhere is a NodeJS reverse proxy which adds CORS headers to the proxied request.
JWT
- dwyl/learn-json-web-tokens: Learn how to use JSON Web Token (JWT) to secure your next Web App! (Tutorial/Example with Tests!!)
- learn-json-web-tokens/README-zh_CN.md at master · dwyl/learn-json-web-tokens
- JWT - just what?
#跨域 资源、整理集&FAQ
#跨域 资源
- 跨域原理及解决方案
- 项目实战之跨域处理~一文搞定所有跨域需求
#跨域 整理集
《【小哥哥, 跨域要不要了解下】》
- 【小哥哥, 跨域要不要了解下】JSONP - 掘金
- 【小哥哥, 跨域要不要了解下】CORS 基础篇 - 掘金
- 【小哥哥, 跨域要不要了解下】CORS 进阶篇 - 掘金
- 【小哥哥, 跨域要不要了解下】NGINX 反向代理 - 掘金
- 【小哥哥, 跨域要不要了解下】ServerProxy - 掘金
《深入跨域问题》
- 深入跨域问题(1) - 初识 CORS 跨域资源共享 - 掘金
- 深入跨域问题(2) - 利用 CORS 解决跨域 - 掘金
- 深入跨域问题(3) - 利用 JSONP 解决跨域 - 掘金
- 深入跨域问题(4) - 利用代理解决跨域 - 掘金
- PHP Ajax 跨域问题最佳解决方案 | 菜鸟教程
- 你所需要的跨域问题的全套解决方案都在这里啦!(前后端都有) - 掘金
- 跨域总结:从CORS到Ngnix - 掘金
- 10种跨域解决方案(附终极大招) - 掘金
- 九种跨域方式实现原理(完整版) - 掘金
- 探讨跨域请求资源的几种方式 - 前端 - 掘金
- 解锁canvas导出图片跨域的N种姿势~ - 掘金
- 解锁跨域的九种姿势 - 掘金
- 前端跨域方法论 - 掘金
- JS 跨域原因及其解决方案 - 脱机 - SegmentFault 思否
- 跨域HTTP请求解决方案 - 小林小记 - SegmentFault 思否
- 关于跨域的总结 - 个人文章 - SegmentFault 思否
- 前端常见跨域解决方案(全) - 个人文章 - SegmentFault 思否
- 前端跨域的处理 - 个人文章 - SegmentFault 思否
- 九种 “姿势” 让你彻底解决跨域问题 - PandaShen - SegmentFault 思否
- 前端常见跨域解决方案(全) - 简书
- 前端跨域知识总结 - WEB前端 - 伯乐在线
- 前端常见跨域解决方案(全) - inroam - 博客园
- 九种 “姿势” 让你彻底解决跨域问题 | PandaShen
- 10 种跨域解决方案(附终极方案)
- 史上最全跨域总结
- 前端跨域解决方案归纳整理
#跨域 FAQ
- Will It CORS?
- So, JSONP or CORS? - Stack Overflow
- 跨域资源共享 CORS 详解 - 阮一峰的网络日志
- 跨域资源共享——CORS - 掘金
- 跨域解决方案实践cors及jsonp - 前端 - 掘金
- 搞定所有的跨域请求问题: jsonp & CORS - 掘金
- CORS跨域时,为何会出现一次动作,两次请求? - 掘金
- CORS 跨域问题 - 后端 - 掘金
- CORS 跨域解决方案 - 前端 - 掘金
- 利用 CORS 方式解决跨域问题(Flask 实现) - 后端 - 掘金
- 解决CORS跨域不能传递cookies的问题 - 掘金
- 跨域资源共享 CORS 一些知识点 - 掘金
- CORS 跨域资源共享 - 前端 - 掘金
- CORS 跨域资源共享 - 掘金
- 跨域资源共享 CORS 详解 - 前端 - 掘金
- 你所不知道的跨域资源共享(CORS) - 掘金
- CORS跨域资源共享你该知道的事儿 - 前端 - 掘金
- 跨域——CORS 详解 - 前端 - 掘金
- 用 Demo 的形式快速入门 CORS、JSONP 等各种跨域 - 前端 - 掘金
- springboot系列文章之实现跨域请求(CORS) - 掘金
- 由同源策略到前端跨域 - 掘金
- 跨域资源共享CORS - 掘金
- 跨域问题,解决方案 - CORS方案 - 掘金
- 彻底读懂前端跨域CORS - 掘金
- 我知道的跨域与安全 - 掘金
- 前端跨域问题解决方案(基于node与nginx) - 掘金
- 使用<a>标签时,你可能会忽略的一个安全问题 - 掘金
- 不要再问我跨域的问题了 - 前端 - 掘金
- 一种方便的跨域开发解决方案 - 掘金
- 记一次跨域post请求数据之preflight request - 掘金
- 聊聊 Timing-Allow-Origin 和 Access-Control-Expose-Headers - 前端 - 掘金
- Web 开发之跨域与跨域资源共享 - 前端 - 掘金
- 浏览器指纹跨域共享 - 前端 - 掘金
- 使用localstorage代替cookie实现跨域共享数据 - 前端 - 掘金
- 跨域 - 掘金
- Access to XMLHttpRequest at url from origin null has been blocked by CORS policy: Request header_跨域,ajax_eriz程序之路-CSDN博客
- node跨域与解决处理 - 简书
- 解决Chrome跨域问题 - 跨域系列 - 简书
- 同源策略与跨域资源共享 - 个人文章 - SegmentFault 思否
- 跨域请求 - 个人文章 - SegmentFault 思否
- 浏览器拦截跨域请求处理方法 - PheonixHkbxoic - 博客园
- web前端技术圈
- 踩过的坑--CORS跨域请求中预检(preflight) | 船长的技术博客
- 前端跨域之CORS | 王宜明的博客空间
- Chrome 调试跨域问题解决方案之插件篇 - DCloud问答
- 新的跨域策略:使用COOP、COEP为浏览器创建更安全的环境
- 当遇到跨域开发时, 我们如何处理好前后端配置和请求库封装(koa/axios版)
¥浏览器页面渲染机制&幕后工作原理
《现代浏览器探秘》
- 现代浏览器探秘(part 1):架构
- 现代浏览器探秘(part2):导航 - 掘金
- 现代浏览器探秘(part3):渲染 - 掘金
- 现代浏览器探秘(part4):事件处理 - 掘金
从输入URL开始
- What happens when you type 'google.com' into a browser and press Enter? - DEV Community 👩💻👨💻
- 从浏览器输入一个网址开始讨论网络传输的工作原理 - 掘金
- [译]从输入URL到页面呈现的超详细过程——第一步:获取资源 - 掘金
- [译]从输入URL到页面呈现的超详细过程——第二步:Tags转化成DOM的过程 - 掘金
- Web 前置知识——老生常谈的从 URL 输入到页面展现背后发生的事 - 掘金
- HLS.JS 自定义 分片 TS 请求 URL - 前端 - 掘金
- 在浏览器中输入URL后,执行的全部过程。(一次完整的http请求过程) - TigerChen - CSDN博客
- 名词解释URI和URL - hellofeiya的专栏 - CSDN博客
- 从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系! - 程序生涯 - SegmentFault 思否
- 关于浏览器渲染---从URL到页面显示 - 掘金
- 浏览器输入URL后发生了什么
- 在浏览器输入 URL 回车之后发生了什么(超详细版) - 知乎
what-happens-when
- alex/what-happens-when: An attempt to answer the age old interview question "What happens when you type google.com into your browser and press enter?"
- skyline75489/what-happens-when-zh_CN: What-happens-when 的中文翻译,原仓库 https://github.com/alex/what-happens-when
- 「导航渲染流程」你真的知道从输入URL到页面展示发生了什么吗?(内附思维导图)
渲染机制
- 「浏览器工作原理」写给女友的秘籍-渲染流程篇(1.1W字)
- 浏览器页面渲染机制,你真的弄懂了吗 - 前端 - 掘金
- 浏览器渲染原理 - 前端 - 掘金
- 深入浅出浏览器渲染原理 - 掘金
- 浏览器渲染简述 - 掘金
- 从 8 道面试题看浏览器渲染过程与性能优化 - 掘金
- developers.google.com
- medium.com
- How browser rendering works — behind the scenes – LogRocket
- 浏览器原理系列10篇正式完结 - 掘金
- 浏览器原理 - 掘金
- 浏览器前端优化 - 前端 - 掘金
- 现代浏览器内部工作原理(附详细流程图) - 掘金
- 一文看透浏览器架构 - 掘金
- 11道浏览器原理面试题 - 掘金
- 「浏览器工作原理」写给女友的秘籍-浏览器组成&网络请求篇(1.2W字)
- 实战中学习浏览器工作原理 — HTML 解析与 CSS 计算
- 图解浏览器的基本工作原理 - 知乎
- 【综合篇】浏览器的工作原理:浏览器幕后揭秘
- 前端必读:浏览器内部工作原理_知识库_博客园
- 前端开发者应该明白的浏览器工作原理 | banggan's Blog
- 浏览器的工作原理:现代网络浏览器幕后揭秘 - HTML5 Rocks
- 浏览器的工作原理:现代网络浏览器幕后揭秘 - HTML5 Rocks
- Home | web.dev
¥浏览器 libs、plugins&tools
browsh
- browsh-org/browsh: A fully-modern text-based browser, rendering to TTY and browsers
slimerjs
- laurentj/slimerjs: A scriptable browser like PhantomJS, based on Firefox
- breach.cc [15]
- SlimerJS
TabFS
- osnr/TabFS: 🗄 Mount your browser tabs as a filesystem.
- TabFS
- thomasloven/lovelace-browser-commander
¥浏览器 资源、整理集&FAQ
- (1.6w字)浏览器灵魂之问,请问你能接得住几个?
- [译] 一文带你看完 2019 开年浏览器之争的最新进展 - 掘金
浏览器 资源
浏览器 整理集
《实战中学习浏览器工作原理》
- 实战中学习浏览器工作原理「一」
- 实战中学习浏览器工作原理 — 排版与渲染
浏览器 FAQ
$服务器
¥服务器 core
¥DNS
- DNS Performance - Compare the speed and uptime of enterprise and commercial DNS services | DNSPerf
- 万字长文爆肝 DNS 协议!
¥Gateway service
orange
- orlabs/orange: OpenResty/Nginx Gateway for API Monitoring and Management.
zuul
- Netflix/zuul: Zuul is a gateway service that provides dynamic routing, monitoring, resiliency, security, and more.
- Amazon API Gateway云网关_API网关托管服务-AWS云服务
- API网关_API Gateway_API托管服务_开放API服务_API管理-阿里云
- API 网关_API Gateway_API 托管服务_API 管理_开放 API - 腾讯云
- Kong: Next-Generation API platform for Microservices
- 限流10万QPS、跨域、过滤器、令牌桶算法-网关Gateway内容都在这儿
¥HTTP
¥HTTP core
Content-Type
- Content-Type - HTTP | MDN
- HTTP/1.1: Protocol Parameters
- Forms in HTML documents
- http - application/x-www-form-urlencoded or multipart/form-data? - Stack Overflow
- browser - How to download multiple files with one HTTP request? - Stack Overflow
- Java OutputStream : Download Multiple Files - Stack Overflow
- php - Download Multiple files in one HTTP request - Stack Overflow
- HTTP content-type | 菜鸟教程
- HTTP Content-type 对照表 - 常用参考表对照表 - 脚本之家在线工具
- HTTP Content-type 对照表
- http Content-type对照表
- Http请求中请求头Content-Type讲解 - mingruqi - 博客园
Content-Disposition
- Content-Disposition - HTTP | MDN
- Hi gays, 你造Content-Disposition吗? - 掘金
- HTTP协议header中Content-Disposition中文文件名乱码_weixin_33779515的博客-CSDN博客
- Content-Disposition 文件上传、下载 中文乱码 HTTP头 解决办法_VicterTian的博客-CSDN博客
- HTTP协议header中Content-Disposition中文文件名乱码 - 乒乓狂魔 - OSCHINA
- Content-disposition说明以及中文乱码 - 网络大豆 - 博客园
- HTTP协议header中Content-Disposition中文文件名乱码 - lcfeiyu - 博客园
- 探究 Content-Disposition:解决下载中文文件名乱码_码神岛
- 解决Content-Disposition: 下载中文名乱码,下载乱码-PHPer许琴-专注于PHP技术-51CTO博客
- 探究 Content-Disposition:解决下载中文文件名乱码丶一个站在Java后端设计之路的男青年个人博客网站
HTTP/3
- What is HTTP/3 ? - DEV Community 👩💻👨💻
- Archive
- HTTP/3 来啦,你还在等什么?赶紧了解一下 - 掘金
HTTP/2
- HTTP/2
- HTTP/2.0的前世今生 - 掘金
- HTTP 2.0 协议详解 - zqjflash的专栏 - CSDN博客
HTTP Cache
- HTTP caching - HTTP | MDN
- HTTP 缓存 | Web Fundamentals | Google Developers
- HTTP 缓存 | Web Fundamentals | Google Developers
- Caching best practices & max-age gotchas - JakeArchibald.com
- [实战验证] http缓存(无代理服务器) - 掘金
- HTTP Cache 浅析 - 掘金
- 关于 http cache 的一个小问题以及引发的思考 - 掘金
- 【译】缓存最佳实践 & max-age的陷阱 - 掘金
- 深入理解HTTP缓存机制及原理 - 掘金
- 前端要知道的Http协议缓存 - 掘金
- [译] 写给大家看的 Cache-Control 指令配置 - 掘金
- 深入剖析浏览器缓存策略 - 掘金
- 深入现代浏览器的HTTP缓存机制 - 掘金
- Cache-Control for Civilians - 掘金
- HTTP----HTTP缓存机制 - 掘金
- 手摸手教你解决重定向缓存问题 - 掘金
- 关于 http 缓存,这些知识点你可能都不懂 - 掘金
- 前端缓存那些事 - 掘金
- 前端也要懂Http缓存机制 - 掘金
- HTTP Cache 为什么让人很困惑 - 虞大胆的叽叽喳喳 - 简书
- 深入理解浏览器的缓存机制 - 浪里行舟 - 简书
- 图解 HTTP 缓存 - 政采云前端团队
- 基于http协议讲解缓存头Cache-Control在服务中的应用@慕课网 原创_慕课网_手记
HTTP 状态码
- HTTP 响应代码 - HTTP | MDN
- (3条消息) HttpStatus各种状态_hins-CSDN博客
- HTTP状态码大全 - 常用参考表对照表 - 脚本之家在线工具
- HTTP状态码大全(转自wiki) - 削微寒 - 博客园
- HTTP状态码大全 - 缘-妙不可言 - 博客园
- HTTP 204和205的应用 - 风雪之隅
HTTPS
- 怎样在服务器上启用 HTTPS - 掘金
- 彻底搞懂HTTPS的加密机制 - 掘金
- HTTPS是如何保证安全的
- 为你的前端本地环境配置 HTTPS 证书
- HTTPS 工作原理详解 | TLS握手过程
- html页面中引入自签名证书的js web资源出现net::ERR_CERT_AUTHORITY_INVALID_java_Masterheaven的博客-CSDN博客
- Chrome NET::ERR_CERT_AUTHORITY_INVALID 错误分析及处理_php_xujing19920814的博客-CSDN博客
- 你一定要知道,关于https的五大误区 - 行业动态_安全频道 - 企业网D1Net - 企业IT 第1门户
- SSL服务器证书安装检查器_OPENSSL工具包_迅通诚信
- 你连 HTTPS 原理都不懂,还讲“中间人攻击”?
IETF HTTP Working Group
- IETF HTTP Working Group
- httpwg/http-core: Core HTTP Specifications
- httpwg/http-extensions: HTTP Extensions in progress
- httpwg/wg-materials: HTTP Working Group Materials
- httpwg/http2-spec: Working copy of the HTTP/2 Specification
- httpwg/wiki: WG wiki
- IETF HTTP Working Group
MIME type
- MIME types (IANA media types) - HTTP | MDN
- cconcolato/media-mime-support: ISOBMFF MIME Types Support
- jsdom/whatwg-mimetype: Parses, serializes, and manipulates MIME types, according to the WHATWG MIME Sniffing Standard
- mozilla-comm/jsmime: A MIME parser written in JavaScript
- creationix/simple-mime: A small, simple mime database for node.js
- ikr0m/mime-js: Create MIME message in javascript
- eface2face/mimemessage.js: MIME messages for JavaScript (RFC 2045 & 2046)
- data-uri/mimer: A simple Mime type getter
- stretchr/filetypes.js: A complete list of file types, extensions and mime types in JavaScript.
- jhermsmeier/node-mime-lib: MIME related utility functions
- wgenial/mimetypeicons-nodejs: 🚀 Site that provides mime type icons
- broofa/node-mime: Mime types for JavaScript
- MimeTypeMap/MimeTypeMap.cs at master · samuelneff/MimeTypeMap
- jshttp/mime-db: Media Type Database
- Authorize.Net API Documentation - Accept.js
- HTML5 input file类型,accept(文件类型控制) - CSDN博客
- HTML5 file表单accept的种类汇总 | 蓝文资源库 – 海量优质开发设计资源分享平台
- html input file accept 上传文件类型限制格式 MIME 类型列表
预检请求
- Preflight request | MDN
- 预检请求 - 掘金
- CORS 为什么要区分『简单请求』和『预检请求』? - 掘金
- 面试官:说说你对 options 请求的理解 - 掘金
- cors跨域之简单请求与预检请求(发送请求头带令牌token) - 个人文章 - SegmentFault 思否
幂等
- 幂等性浅谈 - 简书
- it4alla/idempotent
- 搞懂 HTTP 1.0 /1.1/2.0 协议差别 · Issue #18 · RicardoCao-Biker/RICO-BLOG
- bagder/http2-explained: A detailed document explaining and documenting HTTP/2, the successor to the widely popular HTTP/1.1 protocol
- interagent/http-api-design: HTTP API design guide extracted from work on the Heroku Platform API
- HTTP 请求方法 | 菜鸟教程
¥HTTP libs、plugins&tools
jshttp
- jshttp
- jshttp
okhttp-RxHttp
- liujingxing/okhttp-RxHttp: RxJava2 + OkHttp 30秒上手,新一代OkHttp请求神器,史上最优雅的实现文件上传/下载/进度监听、动态/多域名、缓存;支持第三方数据解析工具、自定义请求、自动关闭请求等等
- RxHttp 让你眼前一亮的Http请求框架 - 掘金
ky
- sindresorhus/ky: 🌳 Tiny & elegant HTTP client based on window.fetch
¥HTTP 资源、整理集&FAQ
HTTP 资源
- juejin-spider/filter-httportcp.md at master · lxfriday/juejin-spider
- Analyse your HTTP response headers
- What is idempotence? - LispCast
- 基石-初见网络(一):输入URL后 - 掘金
- 基石-初见网络(二):Web&HTTP&HTTPS - 掘金
- 完全图解 HTTPS - 掘金
- HTTP 的前世今生:一次性搞懂 HTTP、HTTPS、SPDY、HTTP2 - 掘金
- 一文读懂HTTP/2 及 HTTP/3特性 - 掘金
- 【译】HTTP 简史 - 前端 - 掘金
- JS HTTP 请求库哪家强?Axios,Request,Superagent,Fetch 还是 Supertest - 掘金
- 看完这篇HTTP,跟面试官扯皮就没问题了 - 掘金
- 面试常问的http的缺点 - 掘金
- 关于大厂面试中问到的二十几个 HTTP 面试题 - 掘金
- 「查缺补漏」巩固你的HTTP知识体系
- (建议精读)HTTP灵魂之问,巩固你的 HTTP 知识体系
- TCP的三次握手与四次挥手理解及面试题(很全面)_网络_lucky_jun-CSDN博客
- HTTP协议【详解】——经典面试题 - Sunny* - 博客园
HTTP 整理集
《ShutdownHTTP系列》
- 🐲【1】ShutdownHTTP系列-基础篇
- 🐲【2】ShutdownHTTP系列-HTTP报文篇
- 🐲【3】Shutdown HTTP系列-Cookie篇
- 🐲【4】Shutdown HTTP系列-HTTPS篇
- 连肝7个晚上,总结了计算机HTTP网络协议的知识点
HTTP FAQ
提交数据大小限制
- 关于http get和form表单post提交数据大小限制 - 武凯凯 - CSDN博客
- POST提交数据太大 - 海阔天空的专栏 - CSDN博客
- ajax的post提交参数长度超出限制的解决办法 - 一@ - CSDN博客
- GET与POST传递数据的最大长度限制 - 天下熙熙,皆为利来;天下攘攘,皆为利往。 - CSDN博客
- post数据过大的问题 - wangchh1988的博客 - CSDN博客
- post提交参数过多时,取消Tomcat对 post长度限制 - 笨笨熊咦的博客 - CSDN博客
- POST提交数据达到大小限制时,无法成功提交数据的解决办法! - phy201106的博客 - CSDN博客
- Post提交大数据量,接收端接收不到数据的解决方法 - LZJLZJLZJLZJLZJLZJ的专栏 - CSDN博客
- Tomcat下取消POST大小的限制 - zhang__san_的博客 - CSDN博客
- 前端面试http和https的区别 - 掘金
- HTTP系列 HTTP协议是一个渣男👦-主动,不负责,不拒绝 - 掘金
- HTTP 中 GET 与 POST 的区别 - 掘金
- 为什么 HTTP PATCH 方法不是幂等的及其延伸 - 掘金
- 基于 HTTP 请求拦截,快速解决跨域和代理 Mock - 掘金
- 浅谈HTTP之URL - 掘金
- 《大前端进阶 安全》系列 HTTPS详解(通俗易懂) - 掘金
- HTTP 的这几个坑你都踩过吗?
- 透视HTTP协议-HTTP的传输、连接、重定向及Cookie机制
- HTTP和HTTPS协议,看一篇就够了_不一样的博客-CSDN博客_https
- 什么是三次握手,这张思维导图让面试官直接给出offer
- HTTPS 原理分析——带着疑问层层深入 | leapMie
- 半小时搞懂 HTTP、HTTPS和HTTP2
- 码农翻身
¥MQTT
¥MQTT core
¥MQTT frameworks、libs、plugins&tools
mqttjs
- MQTT.js
¥MQTT 资源、整理集&FAQ
¥Nginx
Nginx core
config
module
#http
gzip
- Module ngx_http_gzip_module
- HttpGzip模块-Nginx中文文档
location
- Module ngx_http_core_module
- 一文弄懂Nginx的location匹配 - 掘金
- Nginx 关于 location 的匹配规则详解-linux开源-不断的总结....-51CTO博客
rewrite
- Module ngx_http_rewrite_module
- Nginx之八 URL重写(rewrite)配置_运维_Visonws的博客-CSDN博客
- (1条消息)Nginx rewrite_运维_光明小学王小雨的博客-CSDN博客
- nginx配置location总结及rewrite规则写法 - Sean's Notes - SegmentFault 思否
- Nginx rewrite 总结(转) - 简书
- nginx rewrite uri地址重写-我的运维历程-51CTO博客
- Nginx的rewrite(地址重定向)剖析 - Brian_Zhu - 博客园
- Nginx 之 Rewrite 规则 - Crazymagic - 博客园
- nginx rewrite 指令
status
- Module ngx_http_status_module
stub_status
- Module ngx_http_stub_status_module
try_files
- Module ngx_http_core_module
- nginx try_files的使用及理解_lovewebeye的专栏-CSDN博客
- nginx try_files 根目录无效 - 简书
- nginx 中 index try_files location 这三个配置项的作用 - 简书
- nginx中try_files - 上善若水-随 - 博客园
- Nginx try_files 指令 - kevin.Xiang - 博客园
- Nginx的try_files指令使用实例_nginx_脚本之家
- nginx中try_files参数易被忽略的知识点-readygood-51CTO博客
- Nginx之try_files指令 - 吴昊博客
uwsgi
- Nginx+UWSGI配置问题 - 简书
- Nginx的Uwsgi模块_ITPUB博客
- Module ngx_http_uwsgi_module
upstream
- Module ngx_http_upstream_module
- Nginx动态解析upstream域名_MySrc_新浪博客
upstream_conf
- Module ngx_http_upstream_conf_module
upstream_hc
- Module ngx_http_upstream_hc_module
- Module ngx_http_core_module
- Module ngx_http_core_module
#mail
- Module ngx_mail_core_module
#stream
- Module ngx_stream_core_module
#google
- Module ngx_google_perftools_module
负载均衡
- Nginx实现负载均衡 - 掘金
- 五分钟看懂 Nginx 负载均衡 - 掘金
反向代理
- NGINX Docs | NGINX Reverse Proxy
- Nginx下的location,upstream,rewrite 和 proxy_pass使用总计大全 - 掘金
- Nginx常见场景代理转发配置 - 阿飞的专栏 - CSDN博客
- (1条消息)nginx的location,upstream,rewrite 和 proxy_pass使用,以及需要注意的地方_运维_zhanglei082319的博客-CSDN博客
- nginx实现请求转发_运维_^-^-CSDN博客
- nginx 请求转发配置 - SegmentFault 思否
- Nginx配置请求转发location及rewrite规则 - 陈无问 - 博客园
- Nginx配置proxy_pass转发的/路径问题 - 风与叶子 - 博客园
- nginx配置文件+本地测试请求转发到远程服务器+集群 - PeaceGuy - 博客园
跨域
- window系统Nginx的使用经历和访问本地文件跨域问题_运维_zeng092210的博客-CSDN博客
- Nginx配置跨域请求 Access-Control-Allow-Origin * - 全栈开发之路 - SegmentFault 思否
- nginx中配置跨域支持功能 - 小戴子 - 博客园
- NGINX | High Performance Load Balancer, Web Server, & Reverse Proxy
- nginx documentation
- nginx news
- nginx: download
- nginx for Windows
- nginx for Windows
- Index of /download/
- ningx中文教程网
- nginx
- http核心模块-Nginx中文文档
- nginx在windows上的安装-Nginx中文手册
- nginx documentation
Nginx libs、plugins&tools
Nginx 资源、整理集&FAQ
Nginx 资源
- yinjiazeng/NginxGUI: 基于electron+nuomi+antd开发的nginx图形化管理工具
- galmoe-ts/nginx.conf at master · galmoe/galmoe-ts
- Welcome to NGINX Wiki! | NGINX
- 前端必会的 Nginx入门视频教程(共11集) - 掘金
- 前端也要掌握的 Nginx 知识 - 掘金
- Nginx 从入门到实践,万字详解! - 掘金
- nginx配置文件nginx.conf 不包括server节点 - 海绵般汲取 - 博客园
- nginx部署避坑指南+高级配置详解 - 知乎
Nginx 整理集
- Nginx16连环问,你被问到了吗!
- Nginx 从入门到实践,万字详解!
- 万字长文干货,面试官角度看面试
Nginx FAQ
- nginx实现常见场景 - 掘金
- Forever +nginx部署Node站点 - 掘金
- 前端不能不会的 Nginx 入门 (图文并茂的服务器环境教程) - 掘金
- 前端Nginx那些事 - 掘金
- 前端工程师不可不知的Nginx知识
- windows 下安装配置 Nginx 详解 - kingscoming的博客 - CSDN博客
- Nginx 注册为Windows 系统服务_运维_weixin_42609240的博客-CSDN博客
- (2条消息) Nginx隐藏响应头信息的Server信息和版本信息_chuixue24的博客-CSDN博客_nginx 隐藏server
- nginx.conf配置文件详解 - 简书
- Windows Server 2016 Nginx 安装配置详细图文教程_win服务器_脚本之家
- 【Nginx】在Windows下使用Nginx解决前端跨域问题 - connsun - 博客园
- windows下nginx的安装及使用 - 将王相 - 博客园
- windows下nginx的安装及使用方法入门 - 冒雨ing - 博客园
- linux下安装nginx - 景岳 - 博客园
- nginx--service配置 - 小An - 博客园
- Windows安装nginx服务 - 玄同太子 - 博客园
- nginx隐藏server信息和版本信息 - 慕尘 - 博客园
- Nginx配置文件详解 - 猎手家园 - 博客园
- 死磕nginx系列-nginx日志配置 - biglittleant - 博客园
- 隐藏Nginx版本号的安全性与方法 – 运维生存时间
- nginx利用service进行启动 | 每天一探
- 如何让网站和API都支持HTTPS?在Nginx上做文章是个好选择!
- 连前端都看得懂的《Nginx 入门指南》
¥TCP/IP
¥TCP/IP core
#IPv6
- IPv6地址_实例IP地址介绍_网络_云服务器 ECS-阿里云
- IPv6实例详解 - 亲亲小强 - 博客园
- The TCP/IP Guide - Table Of Contents
- en.wikipedia.org
- en.wikipedia.org
- The Best IP Address, Email and Networking Tools - IPAddress.com
¥TCP/IP libs、plugins&tools
#IP Libs
- sindresorhus/internal-ip: Get your internal IP address
- justjavac/Google-IPs: Google 全球 IP 地址库
- whitequark/ipaddr.js: IP address manipulation library in JavaScript
- sindresorhus/is-ip: Check if a string is an IP address
- sindresorhus/ip-regex: Regular expression for matching IP addresses
- silverwind/is-cidr: Check if a string is an IP address in CIDR notation
- silverwind/cidr-regex: Regular expression for matching IP addresses in CIDR notation
- LinusU/is-my-ip-valid: A small lib to validate IP addresses
- liudonghua123/browserify-ip: IP address tools for browser like node-ip
- browserify-ip - npm
- https://ipv4.icanhazip.com
- https://api.ipify.org
- ipv6.icanhazip.com
- https://api6.ipify.org
- iP地址查询--手机号码查询归属地 | 邮政编码查询 | iP地址归属地查询 | 身份证号码验证在线查询网
- IP/IPv6查询,服务器地址查询 - 站长工具
- 測試你的 IPv6 連線。
- ip地址查询_ip定位
¥TCP/IP 资源、整理集&FAQ
- (建议收藏)TCP协议灵魂之问,巩固你的网路底层基础
- 看了那么多,TCP/IP究竟是什么(一) - 掘金
- 看了那么多,TCP/IP究竟是什么(二) - 掘金
- 前端快速入门 TCP/IP - 掘金
- TCP和UDP比较 - 掘金
- TCP三次握手和四次挥手-面试就靠它了 - 掘金
- 三天两夜肝完这篇万字长文,终于拿下了TCP/IP
- 「网络协议」对TCP-IP不再迷茫
- TCP性能优化实战
- TCP/IP 基础知识总结
- 你需要知道的TCP/IP
- 理解TCP三次握手,为什么是三次?兼谈初始化序号、发送和确认序号
- TCP的滑动窗口机制,谈谈其设计演化过程(如何从无到有?从不可靠到可靠?)
¥UDP
- 肝了一周的 UDP 基础知识终于出来了
¥代理
#反向代理
Caddy
- 图解跨域请求、反向代理原理,对前端更友好的反向代理服务器 - Caddy - 掘金
- Caddy - The Ultimate Server with Automatic HTTPS
- caddyserver/caddy: Fast, multi-platform web server with automatic HTTPS
- caddy.community
mockiji-proxy-middleware
- NijiDigital/mockiji-proxy-middleware: A basic proxy middleware for Mockiji
proxy-addr
- jshttp/proxy-addr: Determine address of proxied request
- hua1995116/proxy: http-porxy 源码解析以及实现
¥服务器 libs、plugins&tools
- glennreyes/graphpack: ☄️ A minimalistic zero-config GraphQL server.
- sintaxi/harp: Static Site Server/Generator with built-in preprocessing
- ottomatica/opunit: 🕵️♂️🍞 Sanity checking containers, vms, and servers
- coreybutler/fenix: A simple and visual static web server with collaboration features.
- fly - npm
Modern Web
- Modern Web
- modernweb-dev/web: Guides, tools and libraries for modern web development.
- open-wc/es-dev-server
- Modern Web
- es-dev-server - npm
¥服务器 资源、整理集&FAQ
#服务器 资源
#服务器 整理集
- 实体首部字段-四大首部字段之一 - 掘金
- 响应首部字段-四大首部字之一 - 掘金
- 通用首部字段详解-四大首部字段之一 - 掘金
- 常见Http首部字段 - 掘金
- 请求首部字段详解-四大首部字段之一 - 掘金
#服务器 FAQ
- Cache-Control字段值详解 - 掘金
- 如何创建一个可靠稳定的Web服务器 - 掘金
- 离散请求 - 掘金
- 运用好你的云服务器 - 知乎
$数据库
数据库 core
¥对象关系映射(Object Relational Mapping,简称ORM,或O/RM,或O/R mapping)
prisma
- prisma/prisma: Modern database access (ORM alternative) for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB & SQLite
- Prisma - Next-generation ORM for Node.js and TypeScript
- Next.js with Prisma | Next-Generation ORM for SQL Databases
Sequelize
Sequelize core
- Sequelize
- sequelize/sequelize: An easy-to-use multi SQL dialect ORM for Node.js
- demopark/sequelize-docs-Zh-CN: Sequelize 文档的中文版本: v4.42.0 | v5.21.5 | v6-beta
- Sequelize | Sequelize ORM
Sequelize libs、plugins&tools
graphql-sequelize
- mickhansen/graphql-sequelize: GraphQL & Relay for MySQL & Postgres via Sequelize
Sequelize CLI
- sequelize/cli: The Sequelize CLI
sequelize-auto
- sequelize/sequelize-auto: Automatically generate bare sequelize models from your database.
Sequelize example
- sequelize/express-example: A proposal for the usage of Sequelize within an Express.JS application.
sequelize-fixtures
- domasx2/sequelize-fixtures: Load data from json, yaml or js to sequelize
- flexxnn/sequelize-auto-migrations: Migration generator && runner for sequelize
- overlookmotel/sequelize-hierarchy: Nested hierarchies for Sequelize
- mweibel/connect-session-sequelize: Sequelize SessionStore for Connect
- adrien2p/nestjs-sequelize-jwt: Nest + Sequelize + jwt
- ts_express: ts_express
Sequelize 资源、整理集&FAQ
- 学点后端知识之 Sequelize 中创建事务和🔐
- 详细易用的 Sequelize 解读 - 掘金
- 实践+源码分析完全理解 Sequelize,有详细例子!!! - 掘金
TypeORM
TypeORM core
- typeorm/typeorm: ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, SAP Hana, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.
- TypeORM - Amazing ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports MySQL, PostgreSQL, MariaDB, SQLite, MS SQL Server, Oracle, WebSQL databases. Works in NodeJS, Browser, Ionic, Cordova and Electron platforms.
TypeORM libs、plugins&tools
- Kononnable/typeorm-model-generator: Generates models for TypeORM from existing database.
- w3tecch/typeorm-seeding: 🌱 A delightful way to seed test data into your database.
- RobinCK/typeorm-fixtures: Fixtures loader for typeorm
- andregardi/jwt-express-typeorm: Rest API with JWT authentication and role based authorization using TypeScript Express.js and TypeORM
- nestjsx/nestjs-typeorm-paginate: Pagination response object function + types for typeorm + nestjs
TypeORM 资源、整理集&FAQ
- 《TypeORM v0.2.20 中文文档》 - 书栈网 · BookStack
- 入门 - 《TypeORM v0.2.20 中文文档》 - 书栈网 · BookStack
- DeviaVir/zenbot: Zenbot is a command-line cryptocurrency trading bot using Node.js and MongoDB.
- ORM 实例教程 - 阮一峰的网络日志
¥分库分表
- sharding-jdbc 分库分表的 4种分片策略,还蛮简单的
- 分库分表的 9种分布式主键ID 生成方案,挺全乎的
- 一文快速入门分库分表(必修课)
- https://mp.weixin.qq.com/s?__biz=MzAxNTM4NzAyNg==&mid=2247488500&idx=1&sn=108bf704a54b0a9638e84698deb3ce4c&chksm=9b858309acf20a1fc606f6d140e9638072405011829bb8decc906a648d3f2f75441c0adac869&token=1691474648&lang=zh_CN&scene=21#wechat_redirect
- 分库分表的 4种分片策略,所有 SQL 都逃不掉的一步
GraphQL
GraphQL core
- GraphQL
- GraphQL | A query language for your API
- The GraphQL Foundation | An open and neutral home for the GraphQL community
- spec.graphql.org
- www.facebook.com
GraphQL libs、plugins&tools
Apollo GraphQL
apollo
- apollographql/apollo: Open source tools for GraphQL. Central repo for discussion.
apollo-client
- apollographql/apollo-client: A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server
apollo-server
- apollographql/apollo-server: 🌍 GraphQL server for Express, Connect, Hapi, Koa and more
- apollo-server - npm
- apollo-server-core - npm
- apollo-server-express - npm
- apollo-server-lambda - npm
- apollo-server-koa - npm
- apollo-server-testing - npm
- apollo-server-micro - npm
- apollo-server-errors - npm
- apollo-server-hapi - npm
- apollo-server-caching - npm
- apollo-server-fastify - npm
- apollo-server-cloud-functions - npm
- apollo-server-env - npm
- Apollo GraphQL | Apollo Data Graph Platform— unify APIs, microservices, and databases into a data graph that you can query with GraphQL
- Introduction to Apollo Server - Apollo Server - Apollo GraphQL Docs
graphql-tag
- apollographql/graphql-tag: A JavaScript template literal tag that parses GraphQL queries
- Apollo GraphQL
dataloader
- graphql/dataloader: DataLoader is a generic utility to be used as part of your application's data fetching layer to provide a consistent API over various backends and reduce requests to those backends via batching and caching.
express-graphql
- graphql/express-graphql: Create a GraphQL HTTP server with Express.
graphql-js
- graphql/graphql-js: A reference implementation of GraphQL for JavaScript
graphqurl
- hasura/graphqurl: curl for GraphQL with autocomplete, subscriptions and GraphiQL. Also a dead-simple universal javascript GraphQL client.
graphql-compose
- graphql-compose
- graphql-compose/graphql-compose-aws: AWS Cloud API via GraphQL
- graphql-compose/graphql-compose-mongoose: Mongoose model converter to GraphQL types with resolvers for graphql-compose https://github.com/nodkz/graphql-compose
- graphql-compose · Toolkit for generating complex GraphQL schemas in Node.js
graphql-tools
- ardatan/graphql-tools: Build, mock, and stitch a GraphQL schema using the schema language
- @graphql-tools - npm search
graphql-type-json
- taion/graphql-type-json: JSON scalar type for GraphQL.js
- graphql-type-json - npm
type-graphql
- MichalLytek/type-graphql: Create GraphQL schema and resolvers with TypeScript, using classes and decorators!
- thiagoleitedev/rest-fullstack: A real world REST app using GraphQL
- dotansimha/graphql-code-generator: GraphQL code generator with flexible support for custom plugins and templates
- benawad/fullstack-graphql-airbnb-clone: A Fullstack GraphQL Airbnb Clone with React and React Native
GraphQL 资源、整理集&FAQ
GraphQL 资源
- chentsulin/awesome-graphql: Awesome list of GraphQL & Relay
- blog/src/graphql+redis at master · airuikun/blog
GraphQL 整理集
- Newest 'graphql' Questions - Stack Overflow
GraphQL FAQ
- GraphQL vs. REST - Apollo Blog
- [译] 我们采用 GraphQL 技术的经验:营销技术活动 - 掘金
- 采用 GraphQL 的技术经验:营销技术活动 - 掘金
- GraphQL 的入门指南 - 终身学习者 - SegmentFault 思否
- GraphQL[0x01] -- GraphQL基础实践
Memcached
Memcached core
- memcached/memcached: memcached development tree
- memcached - a distributed memory object caching system
Memcached libs、plugins&tools
Memcached 资源、整理集&FAQ
- libevent
MongoDB
MongoDB core
- MongoDB Hosting: Database-as-a-Service by mLab
- Install MongoDB — MongoDB Manual 3.6
- Robo 3T | Free, open-source MongoDB GUI (formerly Robomongo)
- The most popular database for modern apps | MongoDB
- MongoDB中文社区 | 中文社区
- MongoDB 教程 | 菜鸟教程
MongoDB libs、plugins&tools
mongoose
mongoose core
- Automattic/mongoose: MongoDB object modeling designed to work in an asynchronous environment.
- Mongoose v5.9.11: Schemas
- Mongoose ODM v5.7.14
- Mongoose Prototype Pollution Vulnerability Disclosure | www.thecodebarbarian.com
- Mongoose 5.0 中文文档
mongoose frameworks
- madhums/node-express-mongoose: A boilerplate application for building web apps using node and mongodb
- feathersjs-ecosystem/feathers-mongoose: Easily create a Mongoose Service for Feathersjs.
- diegohaz/rest: REST API generator with Node.js, Express and Mongoose
mongoose libs、plugins&tools
- edwardhotchkiss/mongoose-paginate: Mongoose.js (Node.js & MongoDB) Document Query Pagination
- florianholzapfel/express-restify-mongoose: Easily restify mongoose databases
- saintedlama/passport-local-mongoose: Passport-Local Mongoose is a Mongoose plugin that simplifies building username and password login with Passport
- bnoguchi/mongoose-auth: User authentication plugin for mongoose nodejs orm
- chevtek/mongoose-auto-increment
- eggjs/egg-mongoose
- drudge/mongoose-timestamp: Adds createdAt and updatedAt date attributes that get auto-assigned to the most recent create/update timestamp
- dsanel/mongoose-delete: Mongoose Soft Delete Plugin
- leepowellcouk/mongoose-validator: Validators for mongoose models utilising validator.js
- bnoguchi/mongoose-types: Additional handy types for mongoose
- blakehaswell/mongoose-unique-validator: mongoose-unique-validator is a plugin which adds pre-save validation for unique fields within a Mongoose schema.
- balmasi/migrate-mongoose: A node based migration framework for mongoose supporting ES6 migrations
- nassor/mongoose-history: Keeps a history of all changes of a document.
- briankircho/mongoose-schema-extend: mongoose schema inheritance and discriminator key extension
- LearnBoost/express-mongoose: Plugin for easy rendering of Mongoose async Query results.
- buunguyen/mongoose-deep-populate: Mongoose plugin to enable deep population of nested models ⛺
- tblobaum/mongoose-troop: plugins for your mongoose schemas.
- powmedia/mongoose-fixtures: Fixture loader for NodeJS' Mongoose ODM. Check pow-mongodb-fixtures instead to load data straight to MongoDB, skipping Mongoose.
- saintedlama/mongoose-version: Mongoose plugin to save document data versions. Documents are saved to a "versioned" document collection before saving original documents and kept for later use.
- saintedlama/restify-mongoose: Restify-Mongoose provides a resource abstraction to expose mongoose models as REST resources.
- heapsource/mongoose-attachments: Attachments Plugin for Mongoose.js with Support for ImageMagick Styles and Multiple Storage Backends
- ramiel/mongoose-sequence: Sequence and autoincrement handling for mongoose
- DamienP33/express-mongoose-generator: Mongoose generator for Express.js 4
- topliceanu/mongoose-gen: generates mongoose schemas from json documents, supports DBRefs and Arrays of DBRef
- mongodb-js/mongoose-autopopulate: Always populate() certain fields in your mongoose schemas
mongoose project
- jspears/mers: Mongoose Express Rest Service
- mongoosastic/mongoosastic: Index Mongoose models into elasticsearch automatically. Looking for maintainers!
- sahat/tvshow-tracker: AngularJS + Node + Gulp + Mongoose + Passport Authentication + TVDB API
MongoDB 可视化
mongo-express
- mongo-express/mongo-express: Web-based MongoDB admin interface, written with Node.js and express
- mongo-express - Docker Hub
- MongoDB可视化图形界面mongo-express/adminMongo安装过程_数据库_Erik_ly的博客-CSDN博客
- (1条消息)centos7下使用mongo-express/adminMongo通过WEB管理MongoDB(可视化)_运维_Algorithmguy的专栏-CSDN博客
- 使用mongo-express图形化界面远程管理数据库 - 简书
- Docker 下的 MongoDB + Mongo-Express 环境搭建 - 简书
- MongoDB + mongo-express 环境搭建记 - i野老i - 博客园
- 使用mongo-express管理mongodb数据库 - 小火柴的蓝色理想 - 博客园
- mongodb-js
- mongodb-js/mongodb-schema: Infer a probabilistic schema for a MongoDB collection.
myDrive
- subnub/myDrive: Node.js and mongoDB Google Drive Clone
MongoDB 资源、整理集&FAQ
MongoDB 资源
MongoDB 整理集
- 95道MongoDB面试题(含答案),1万字详细解析! - 掘金
- 95道MongoDB面试题(含答案),1万字详细解析!
MongoDB FAQ
用户名、密码
- (1条消息)MongoDB 设置用户名密码登录_数据库_LIU-YanLin的博客-CSDN博客
- mongoDB数据库设置用户名及密码-windows_数据库_qyt1988528的博客-CSDN博客
- (1条消息)mongodb 添加用户报错TypeError:db.addUser is not a function (mongodb3.4.1)_数据库_lycommand的专栏-CSDN博客
- MongoDB 设置用户名密码 - 简书
- 给你的mongodb设置密码吧! - 个人文章 - SegmentFault 思否
- mongodb用户权限管理最全攻略:用户的创建、查看、删除与修改,mongodb入坑之旅 - 个人文章 - SegmentFault 思否
- mongodb 修改用户密码 2种方法_MongoDB_脚本之家
- MongoDB设置用户名以及密码 - wangry - 博客园
- mongodb 权限设置--用户名、密码、端口 - 二郎神 - 博客园
- MongoDB 设置账号和密码 - 梦雨情殇 - 博客园
- MongoDB配置用户名与密码 - JennySchecter - 博客园
- 设置mongodb的用户名密码 | Think in Drupal
- MongoDB 设置用户名密码登录 - 云+社区 - 腾讯云
- MongoDB - 设置数据库的用户名和密码(开启登录密码认证)
备份、恢复、导入、导出
- MongoDB 备份(mongodump)与恢复(mongorestore) | 菜鸟教程
- 从MongoDB中导出、导入数据到文档(csv,json)_json_西门大盗的博客-CSDN博客
- mongoDb的数据导入和导出 - 简书
- MongoDB 导出导入备份恢复数据详解及实例_MongoDB_脚本之家
- MongoDB导入导出以及数据库备份 - 刘小伟 - 博客园
- MongoDB导入导出以及数据库备份 - cloud_wh - 博客园
- MongoDB在Windows操作系统安装 - 掘金
- Mongo DB - 掘金
- MongoDB 索引 - 掘金
- MongoDB索引与优化详解 - 掘金
- MongoDB 事务 —— 基础入门篇 - 掘金
- MongoDB 事务 —— 多文档事务实践篇 - 掘金
- [译] MongoDB 几种备份方案 - 掘金
- 服务器 MongoDB 数据库定时备份 - 掘金
- Koa2+MongoDB+JWT实战--Restful API最佳实践 - 掘金
- 前后端分离 Vue + NodeJS(Koa) + MongoDB,从产品到开发,全栈实践 - 掘金
- vue+node+koa+mongodb+mongoose实现商城App - 掘金
- koa2 + jwt + mongodb入门实战 - 掘金
- mongoDB的基本操作以及数据的导入导出,备份和恢复_数据库_夜唯美不离-CSDN博客
- 基于node的登入例子(node-koa-mongoose) - 简书
- mongodb 的动态 - SegmentFault 思否
- 海量数据的分页怎么破? | MongoDB中文社区
- 初闻MongoDB(一)、从零带你了解MongoDB的前世今生
MySQL
MySQL core
- MySQL
- MySQL :: Download MySQL Community Server
MySQL libs、plugins&tools
iysql
- influx-code/iysql: IYSQL - Improve Your SQL
Navicat for MySQL
- Navicat for MySQL64位破解版(附注册码)_Navicat for MySQL 11.2中文版-PC下载网
- Navicat for MySQL下载、安装和配置
- Navicat for MySQL 安装和破解(完美) - 一次次尝试 - CSDN博客
- MySQL相关文件包-CSDN下载
- 另辟蹊径,MySQL主从同步延迟,这样解决也挺好 - 掘金
- 将数据库结构修改提交到生产环境下数据库 - LEON的博客 - CSDN博客
- 15款最佳的MySQL管理工具和应用程序 - 梦想天空(山边小溪) - 博客园
- mysql 安装图解 mysql图文安装教程(详细说明) - whaben - 博客园
- MySQL5.5安装教程 - 代码根 - 博客园
- 【干货】一千行 MySQL 学习笔记
- thinkjs/think-model-mysql: Mysql model adapter
MySQL 资源、整理集&FAQ
MySQL 资源
MySQL 整理集
- 3万字总结,Mysql优化之精髓
- MySQL 三万字精华总结 + 面试100 问,和面试官扯皮绰绰有余(收藏系列)
MySQL FAQ
- 138 张图带你 MySQL 入门
Neo4j
- Neo4j Download Center - Neo4j Graph Database Platform
- Neo4j - CQL简介_w3cschool
- 一文教你用 Neo4j 快速构建明星关系图谱 - 掘金
- (5条消息)Import-Module : 未能加载指定的模块“\Neo4j-Management.psd1” - 小妖666个人笔记 - CSDN博客
- Windows下安装neo4j - 知乎
- Neo4j 第一篇:在Windows环境中安装Neo4j - 悦光阴 - 博客园
PostgreSQL
PostgreSQL core
- PostgreSQL: The world's most advanced open source database
- PostgreSQL 教程 | 菜鸟教程
- psqlodbc - PostgreSQL ODBC driver
- PostgreSQL中文社区:: 世界上功能最强大的开源数据库...
PostgreSQL libs、plugins&tools
node-postgres
- brianc/node-postgres: PostgreSQL client for node.js.
node-reactive-postgres
- tozd/node-reactive-postgres: Reactive queries for PostgreSQL
- reactive-postgres - npm
- ANXS/postgresql: Fairly full featured Ansible role for Postgresql.
PostgreSQL 资源、整理集&FAQ
- sous-chefs/postgresql: Development repository for the postgresql cookbook
- PostgreSQL新手入门 - 阮一峰的网络日志
Redis
Redis core
- Redis
- Distributed locks with Redis – Redis
Redis libs、plugins&tools
ioredis
- luin/ioredis: 🚀 A robust, performance-focused and full-featured Redis client for Node.js.
node-redis
- NodeRedis/node-redis: A high performance Node.js Redis client.
- joshuah/sol-redis-pool: A simple Redis pool for node using generic-pool.
- uglide/RedisDesktopManager: Cross-platform GUI management tool for Redis
- ngbdf/redis-manager: Redis 一站式管理平台,支持集群的监控、安装、管理、告警以及基本的数据操作
- redis-admin: 轻量级Redis缓存图形化管理工具
node-redlock
- mike-marcacci/node-redlock: A node.js redlock implementation for distributed, highly-available redis locks
Redisson
- redisson/redisson: Redisson - Redis Java client with features of In-Memory Data Grid. Over 50 Redis based Java objects and services: Set, Multimap, SortedSet, Map, List, Queue, Deque, Semaphore, Lock, AtomicLong, Map Reduce, Publish / Subscribe, Bloom filter, Spring Cache, Tomcat, Scheduler, JCache API, Hibernate, MyBatis, RPC, local cache ...
Redis 资源、整理集&FAQ
Redis 资源
Redis 整理集
《Redis笔记》
- Redis笔记(一):Redis安装教程 - 朝雨忆轻尘 - 博客园
- Redis笔记(二):Redis数据类型 - 朝雨忆轻尘 - 博客园
- Redis笔记(三):Redis常用命令 - 朝雨忆轻尘 - 博客园
- Redis笔记(四):Redis事务支持 - 朝雨忆轻尘 - 博客园
- Redis笔记(五):Redis发布订阅 - 朝雨忆轻尘 - 博客园
- Redis笔记(六):Java中使用Redis - 朝雨忆轻尘 - 博客园
- Redis笔记(七):Redis应用场景 - 朝雨忆轻尘 - 博客园
Redis FAQ
- Redis秒杀实战:微信抢红包(附源码)
SQL
SQL core
- SQL 教程 | 菜鸟教程
SQL libs、plugins&tools
sql.js
- kripken/sql.js: SQLite compiled to JavaScript through Emscripten
sqorn
- lusakasa/sqorn: A Javascript library for building SQL queries
SQL 资源、整理集&FAQ
- 没内鬼,来点干货!SQL优化和诊断
- SQL 语法速成手册
SQLite
- SQLite Home Page
- Architecture of SQLite
SQL Server
SQL Server core
- SQL Server 下载 | Microsoft
SQL Server libs、plugins&tools
SQL Server 资源、整理集&FAQ
Neo4j
Neo4j core
- neo4j/neo4j: Graphs for Everyone
- Neo4j Graph Platform – The Leader in Graph Databases
- Neo4j 图数据库中文社区,致力于 Neo4j 的技术研究。
Neo4j libs、plugins&tools
neo4j-browser
- neo4j/neo4j-browser: Neo4j Browser is the general purpose user interface for working with Neo4j. Query, visualize, administrate and monitor the database.
node-neo4j
- thingdom/node-neo4j: [RETIRED] Neo4j graph database driver (REST API client) for Node.js
Neo4j 资源、整理集&FAQ
数据库 libs、plugins&tools
knex
- knex/knex: A query builder for PostgreSQL, MySQL and SQLite3, designed to be flexible, portable, and fun to use.
- Knex.js - A SQL Query Builder for Javascript
lowdb
- typicode/lowdb: ⚡️ lowdb is a small local JSON database powered by Lodash (supports Node, Electron and the browser)
mysqljs
- mysqljs
- mysqljs/mysql: A pure node.js JavaScript Client implementing the MySQL protocol.
quick-SQL-cheatsheet
- enochtangg/quick-SQL-cheatsheet: A quick reminder of all SQL queries and examples on how to use them.
rxdb
- pubkey/rxdb: A realtime Database for the Web
- Introduction · RxDB - Documentation
stormdb
- TomPrograms/stormdb: 🌩️ StormDB is a tiny, lightweight, 0 dependency, easy-to-use JSON-based database for NodeJS, the browser or Electron.
sirdb
- c9fe/sirdb: A git diffable JSON database on yer filesystem.
WatermelonDB
- Nozbe/WatermelonDB: 🍉 Next-gen database for powerful React and React Native apps that scales to 10,000s of records and remains fast ⚡️
- priyank-purohit/PostGUI: A React web application to query and share any PostgreSQL database.
pouchdb
- pouchdb/pouchdb: - PouchDB is a pocket-sized database.
- PouchDB, the JavaScript Database that Syncs!
数据库 资源、整理集&FAQ
数据库 资源
chinese-poetry
- chinese-poetry/chinese-poetry: 最全中华古诗词数据库, 唐宋两朝近一万四千古诗人, 接近5.5万首唐诗加26万宋诗. 两宋时期1564位词人,21050首词。
- 中文诗歌
chinese-xinhua
- pwxcoo/chinese-xinhua: 中华新华字典数据库。包括歇后语,成语,词语,汉字。
Designing Data-Intensive Application
- Vonng/ddia: 《Designing Data-Intensive Application》DDIA中文翻译
- 简介 · ddia-cn
- database · GitHub Topics
- hujiaweibujidao/poetry: china ancient poetry project data
- LingDong-/grand-timeline: Interactive grand unified timeline of 30,800 ancient Chinese people / 古人全表
- plotly/falcon: Free, open-source SQL client for Windows and Mac 🦅
- metowolf/rime-sogou: 📇 聰明的輸入法配聰明的詞庫
数据库 整理集
- Top 11 Node.js ORMs, Query Builders & Database Libraries in 2020
- ConnectionStrings.com - Forgot that connection string? Get it here!
- 打工四年总结的数据库知识点
数据库 FAQ
- Intro, Data Modeling, Databases | Prisma's Data Guide
- How Does a Database Work? | Let’s Build a Simple Database
$日志
¥Elasticsearch
Elasticsearch core
- Open Source Search: The Creators of Elasticsearch, ELK Stack & Kibana | Elastic
- 开源搜索与分析 · Elasticsearch | Elastic
Elasticsearch 资源、整理集&FAQ
Elasticsearch 资源
- bluecll/es-easy-setup: Easy to setup Elasticsearch.
- 2021 版本 ElasticSearch 学习手册!
Elasticsearch 整理集
- ELK - 简书
Elasticsearch FAQ
- 你居然还去服务器上捞日志,搭个日志收集系统难道不香么!
¥Fluentd
- 性能优越的轻量级日志收集工具,微软、亚马逊都在用!
¥Kibana
Kibana core
- elastic/kibana: Your window into the Elastic Stack
- Kibana 用户手册 | Elastic
- Past Releases of Elastic Stack Software | Elastic
- Kibana OSS 7.3.1 | Elastic
Kibana 资源、整理集&FAQ
Kibana 资源
- PhaedrusTheGreek/transform_vis: Transform Visualization for Kibana
Kibana 整理集
- ELK(Elasticsearch/Logstash/Kibana)安装时常见错误总结 - 大数据和AI躺过的坑 - 博客园
Kibana FAQ
- kibana6.3.0开发环境搭建 - charming的博客 - CSDN博客
- Kibana插件开发(基本环境搭建) - LemonGirls的博客 - CSDN博客
- kibana 6.3.0版本开发环境配置失败(yarn kbn bootstrap)解决方案 - charming的博客 - CSDN博客
- yarn安装node-sass - xin00guang的博客 - CSDN博客
- Kibana关闭停止失败解决办法 - 程裕强的专栏 - CSDN博客
- Kibana(Windows版本) - 学海无涯的博客 - CSDN博客
- yarn命令的使用说明及.yarnrc使用等 - m0_37148591的博客 - CSDN博客
- Kibana 用户指南(配置Kibana) - 风继续吹 - SegmentFault 思否
- 在Windows环境下搭建kibana开发环境及开发插件 - 程序员大本营
- Kibana插件开发 | 易学教程
- 在mac上搭建kibana开发环境并打包 — POISON
- 如何让kibana零等待时间升级插件(前后端分离的部署) - Elastic 中文社区
$消息&通信
- signalapp/Signal-Desktop: Signal — Private Messenger for Windows, Mac, and Linux
- 发布/订阅 - 维基百科,自由的百科全书
- Events - Ionic API Documentation - Ionic Framework
- Implementing Redis Pub/Sub in Node.js Application - DEV Community
- 如何优雅的实现消息通信?
$大前端 solutions
$other 大前端 solutions
- No fuzz development with EcmaScript modules
- 效率提升50%,移动端UI自助验收在爱奇艺的探索与实践
icon&badge
shields
- badges/shields: Concise, consistent, and legible badges in SVG and raster format
- Shields.io: Quality metadata badges for open source projects
- Shields.io
- nodei.co
- waffle.io
- shields.io
- ISSUESTATS - Situs permainan judi online Indonesia 2018
- Gitter — 开发者交谈的地方
- KiwiIRC - The webIRC client
- https://img.shields.io/npm/dt/di-util
- https://img.shields.io/badge/lodash-4.17.15-green.svg
- https://img.shields.io/badge/license-MIT-000000.svg
- Engineering Metrics to Improve Continuous Delivery Practices | Velocity
- GitHub项目主要依赖的图标展示 - 掘金
- 开源项目徽章集锦 - spacewander - SegmentFault 思否
Serverless
云函数(Serverless Cloud Function,SCF)
- 云函数 SCF Node.js Runtime 最佳实践
- serverless/serverless: Serverless Framework – Build web, mobile and IoT applications with serverless architectures using AWS Lambda, Azure Functions, Google CloudFunctions & more! –
- serverless/examples: Serverless Examples – A collection of boilerplates and examples of serverless architectures built with the Serverless Framework on AWS Lambda, Microsoft Azure, Google Cloud Functions, and more.
- Serverless-Devs/Serverless-Devs: Serverless Devs developer tool ( Serverless Devs 开发者工具 )
- Serverless - The Serverless Application Framework powered by AWS Lambda, API Gateway, and more
- Serverless Computing: One Step Forward, Two Steps Back
- EECS-2019-3.pdf
- Serverless + Egg.js 后台管理系统实战 - 掘金
- 你学BFF和Serverless了吗
- Serverless 函数应用架构升级
《Serverless 应用开发指南》
- phodal/serverless: Serverless 架构应用开发指南 - Serverless Architecture Application Development Guide with Serverless Framework.
- Serverless 架构应用开发指南 – serverless
- 万物皆可Serverless的全部内容 - 云+社区 - 腾讯云
前端快照、截图&截屏
- 高质量前端快照方案:来自页面的「自拍」 - 掘金
- 微信H5实现网页长按保存图片及识别二维码 - 掘金
- 微信wap页生成分享海报功能踩坑经验 - 简书
- 浅谈两种前端截图方式:Canvas截图 vs SVG截图
- 「建议精读」史上最详细浏览器端网页截图方案解析
- 高质量前端快照方案:来自页面的「自拍」
- 前后端混合“截屏”方案
矩阵变换
- 无处不在的前端矩阵变换 - 掘金
自动化开发&持续集成
¥CI services
¥Jenkins
Jenkins 资源、整理集 & FAQ
Jenkins 整理集
《Jenkins入门系列》
- Jenkins Ci系列目录 - 周国通 - 博客园
《Jenkins入门系列》
- Jenkins入门(一) - 变成习惯
- Jenkins入门(二)_变成习惯-CSDN博客
- Jenkins入门系列之——00答疑解惑 - 爱自己 - 博客园
- Jenkins入门系列之——03PDF文档下载 - 爱自己 - 博客园
《Jenkins进阶系列》
- Jenkins进阶系列之——01使用email-ext替换Jenkins的默认邮件通知 - 爱自己 - 博客园
- Jenkins进阶系列之——02email-ext邮件通知模板 - 爱自己 - 博客园
- Jenkins进阶系列之——03parameterized-trigger插件 - 爱自己 - 博客园
- Jenkins进阶系列之——04Publish Over FTP Plugin插件 - 爱自己 - 博客园
- Jenkins进阶系列之——05FTP publisher plugin插件 - 爱自己 - 博客园
- Jenkins进阶系列之——06FTP publisher plugin插件下载(支持绝对路径) - 爱自己 - 博客园
- Jenkins进阶系列之——07更改Jenkins的主目录 - 爱自己 - 博客园
- Jenkins进阶系列之——08Jenkins纳入版本控制 - 爱自己 - 博客园
- Jenkins进阶系列之——09配置Linux系统ssh免密码登陆 - 爱自己 - 博客园
- Jenkins进阶系列之——10Publish Over SSH插件 - 爱自己 - 博客园
- Jenkins进阶系列之——11修改Jenkins用户的密码 - 爱自己 - 博客园
- Jenkins进阶系列之——12详解Jenkins节点配置 - 爱自己 - 博客园
- Jenkins进阶系列之——13修改Jenkins权限控制 - 爱自己 - 博客园
- Jenkins进阶系列之——14配置Jenkins用户和权限 - 爱自己 - 博客园
- Jenkins进阶系列之——15Maven获取Jenkins的Subversion的版本号 - 爱自己 - 博客园
- Jenkins进阶系列之——16一个完整的JENKINS下的ANT BUILD.XML文件 - 爱自己 - 博客园
- Jenkins进阶系列之——17Jenkins升级、迁移和备份 - 爱自己 - 博客园
- Jenkins进阶系列之——18Jenkins语言本地化 - 爱自己 - 博客园
Jenkins FAQ
- 使用Jenkins+BlueOcean构建Nuxt应用(Jenkinsfile配置) - 掘金
- docker下安装部署jenkins(一) - 掘金
- [手把手系列之] Jenkins+Docker自动化部署vue项目 - 掘金
- 阿里云服务器配置Jenkins自动打包部署vue项目(新手攻略第二弹) - 掘金
- jenkins command shell 或者 shell里调用参数的方式_dickzhu的专栏-CSDN博客
- Jenkins详细教程 - 简书
- Jenkins 功能分析与整理 - 简书
- 自动化部署之jenkins及简介 - jimmy_xuli - 博客园
- 搭建jenkins实现自动化部署 - rslai - 博客园
- Docker下搭建Jenkins构建环境 - 朝雨忆轻尘 - 博客园
- jenkinsci/jenkins: Jenkins automation server
- Jenkins
- Jenkins 用户手册
- 安装Jenkins
- Jenkins Plugins
- Jenkins中文文档_w3cschool
¥Travis CI
- steveklabnik/automatically_update_github_pages_with_travis_example: An example of automatically updating GitHub Pages when you're using Travis CI.
- dwyl/learn-travis: A quick Travis CI (Continuous Integration) Tutorial for Node.js developers
- Travis CI User Documentation
- Travis CI - Test and Deploy Your Code with Confidence
- Travis CI - Test and Deploy with Confidence
- Travis CI - Test and Deploy Your Code with Confidence
- Building a JavaScript and Node.js project - Travis CI
- Travis | web前端中文站
- 持续集成服务 Travis CI 教程 - 阮一峰的网络日志
- 都 2020 年了,你还在手动发布 npm 包吗 - 掘金
- 使用Travis-ci自动SSH部署vue代码 - 掘金
- Github + Travis CI + PM2实现 Next.js 项目的(其他 Node.js 项目同理)持续集成和自动化部署 - 掘金
- 用 Travis CI 打造大前端持续集成和自动化部署 - 掘金
- github中使用Travis CI_网络_布道-CSDN博客
- travis-ci 的动态 - SegmentFault 思否
- 为Github项目添加Travis持续集成服务 - 潮哥 - 博客园
¥CodeShip
- Continuous Integration, Deployment & Delivery with Codeship
¥CircleCI
- Continuous Integration and Delivery - CircleCI
¥AppVeyor
- Continuous Integration and Deployment service for Windows, Linux and macOS | AppVeyor
¥Buildkite
- Buildkite
¥CodeFresh
- Codefresh - The fast, powerful, headache-free CI/CD platform
Cloud Toolkit
- 《Cloud Toolkit User Guide》-云栖社区-阿里云
OneAPM
- https://apmnj.cmecloud.cn:18081/static/js/bw-loader-416.7.29.js
- OneAPM-端到端应用性能管理平台
- OneAPM
- OneAPM 应用性能管理云解决方案
- OneAPM 博客
- Browser Insight - 真实用户体验监控|前端性能监控|网站监测平台|网站性能测试 – OneAPM
- OneAPM 云监控部署与试用体验 – 运维生存时间
- 如何实现基于AI的前端自动化系统 - 掘金
- 基于分支对比的增量代码持续集成覆盖率服务 - 掘金
- 如何实现自动化前端开发?
- 美团外卖持续交付的前世今生
前端专利
- 前端专利技术点分析 - angelfinding - 博客园
组件库构建与发布
《精通react/vue组件设计》
- 《精通react/vue组件设计》之用纯css打造类materialUI的按钮点击动画并封装成react组件 - 掘金
- 《精通react/vue组件设计》之快速实现一个可定制的进度条组件 - 掘金
- 《精通react/vue组件设计》之5分钟实现一个Tag(标签)组件和Empty(空状态)组件 - 掘金
- 《精通react/vue组件设计》之配合React Portals实现一个功能强大的抽屉(Drawer)组件 - 掘金
- 《精通react/vue组件设计》之实现一个健壮的警告提示(Alert)组件 - 掘金
- 《精通react/vue组件设计》之5分钟教你实现一个极具创意的加载(Loading)组件 - 掘金
- 手摸手实现一个轻量级可扩展的模态框(Modal)组件 - 掘金
- 精通React/Vue系列之手把手带你实现一个功能强大的通知提醒框(Notification) - 掘金
- 精通React/Vue系列之实现一个全局提示(Message)组件 - 掘金
- Re从零开始的组件库构建与发布流程 - 掘金
- 从0到1教你搭建前端团队的组件系统(高级进阶必备) - 掘金
- UI组件库从1到N开发心得-声明文件篇 - 掘金
- 是时候搭建你们团队的 UI 组件库了
- 根据公司的业务需求我是这样封装组件
- 组件演进史:从Mixin到HOC,再到Hook
- 可能是最详细的React组件库搭建总结
- 组件库主题设计方案
领域特定语言(Domain Specific Language,DSL)
- 前端 DSL 实践指南(上)—— 内部 DSL - 知乎
区块链(Blockchain)
Nimiq
- nimiq/core-js: Official JavaScript implementation of the Nimiq protocol
- @nimiq/core - npm
- @nimiq/core-web - npm
- Nimiq – Simple, secure and censorship resistant cryptocurrency
- chaozh/awesome-blockchain-cn: 收集所有区块链(BlockChain)技术开发相关资料,包括Fabric和Ethereum开发资料
- nervosnetwork/ckb-explorer-frontend: Nervos CKB Explorer Frontend
前端基础设施建设
- 如何推动前端团队的基础设施建设 - 掘金
分布式(distribution)
- 从微信朋友圈的评论可见性,谈因果一致性在分布式系统中的应用 - 奔跑的猪0101 - 博客园
统一建模语言,又称标准建模语言(Unified Modeling Language,UML)
登录与权限
Traefik
- 更简单的 Traefik 2 使用方式
- Traefik 2 基础授权验证(前篇)
- Traefik 2 基础授权验证(后篇)
单点登录(Single Sign On,SSO)
- 多站点单点登录实现方案 - 掘金
- 图文并茂,为你揭开“单点登录“的神秘面纱 - 政采云前端团队
- 图解单点登录原理与实现
第三方授权登录
JustAuth
- 一杯茶的时间,上手第三方登录类库 JustAuth - 掘金
- justauth/JustAuth: :100: 小而全而美的第三方登录开源组件。目前已支持Github、Gitee、微博、钉钉、百度、Coding、腾讯云开发者平台、OSChina、支付宝、QQ、微信、淘宝、Google、Facebook、抖音、领英、小米、微软、今日头条、Teambition、StackOverflow、Pinterest、人人、华为、企业微信、酷家乐、Gitlab、美团、饿了么和推特等第三方平台的授权登录。 Login, so easy!
OAuth
- OAuth Community Site
- OAuth 2.0 — OAuth
- OAuth 2.0 的四种方式 - 阮一峰的网络日志
- OAuth 2.0 的一个简单解释 - 阮一峰的网络日志
- 做前后端分离项目前,劝你先了解 OAuth2.0 的四种授权方式
- (22 封私信 / 68 条消息) 第三方授权 - 知乎
基于角色的访问控制(Role-Based Access Control ,RBAC)
pig-mesh
- pig-mesh
- pig-mesh/pig: 🚀 The best rbac web framework. base on Spring Boot 2.4、 Spring Cloud 2020、 OAuth2 . Thx Give a star
- pig-mesh/idempotent-spring-boot-starter: spring boot idempotent starter
- tangdao: Tangdao 是一个基于角色的授权(RBAC - Role-Based Authorization)的综合权限系统,用于提供和配置(集中授权)认证策略在服务运行时的访问权限。
中央认证服务(Central Authentication Service,CAS)
- CollectiveOAuth: .Net平台(C#) 史上最全的整合第三方登录的开源库 => 环境支持 .NET Framework 4.5 ~ 4.6.2 和 .NetCore 3.1。目前已包含Github、Gitee、钉钉、百度、支付宝、微信、企业微信、腾讯云开发者平台(C
- CAS | Apereo
- CAS实现单点登录_网络_heyeqingquan的博客-CSDN博客
- CAS原理 - 简书
- java并发编程中的CAS机制,你理解嘛?
- 前端登录,这一篇就够了
- 前端真的能做到彻底权限控制吗?
- JavaScript 中的位运算和权限设计(前端权限控制实现方案)
- 复杂的权限按钮控制优化 · 语雀
用户体验
- 前端如何提高用户体验:增强可点击区域的大小
直播
- 直播原理与web直播实战
- 直播开发入门学习笔记 | Alan Hou的个人博客
- 微信小程序 & H5直播开发从入门到精通 - 简书
搜索
命名实体识别(Named Entity Recognition,NER)
- 美团搜索中NER技术的探索与实
支付系统&订单
- 钱被扣走了,但是订单却未成功!支付掉单异常最全解决方案 - 小黑十一点半
- 一笔订单,但是误付了两笔钱!这种重复付款异常到底该如何解决?
- 一篇文章搞清电商订单结算页面设计?_TIGERB的技术博客-CSDN博客
数学
- 从勾股定理到余弦相似度-程序员的数学基础
前端智能化
- 阿里前端智能化方向 2020年中总结和反思
- 前端智能化 2020 年中总结和反思
高并发(Highly Concurrent)
- souvikhaldar/huntsman: A versatile and highly concurrent malware written in golang.
- 高并发,你真的理解透彻了吗?
- A Design Framework for Highly Concurrent Systems (待翻译)_qiutongyeluo的专栏-CSDN博客
服务端渲染(Server Side Render,SSR)
- 飞猪营销域SSR总结 - 双十一会场再加速
- 实现SSR服务端渲染
- 关于 SSR 内容一致性的问题
- 基于 React.js 和 Node.js 的 SSR 实现方案
- OpenJS Foundation
- 《图解CSS3:核心技术与案例实战》_我的书 教程_w3cplus
- 常见的web开发问题以及避免方式
- 40 人团队 | 芋头 - 如何带领前端架构团队突破价值困局
- 百万TPS高吞吐、秒级低延迟,阿里搜索离线平台如何实现?
- 你以为文言编程只是闹着玩?三个月后,人家IDE、教程、包管理器都有了
$大前端 面试、资源、整理集&FAQ
¥大前端面试
#前端面试--github
- yangshun/front-end-interview-handbook: 🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore
- InterviewMap/CS-Interview-Knowledge-Map: Build the best interview map. The current content includes JS, network, browser related, performance optimization, security, framework, Git, data structure, algorithm, etc.
- erbing/blog: 前端基础积累 / 新技术 / Vue / React / H5 / 奇怪的BUG / 面试 / 招聘
- jirengu/frontend-interview: 前端笔试面试题题库
- Jobeir/front-end-interview-preparation-guide: The single source for preparing for a Frontend interview
- bcherny/frontend-interview-questions: Answers for https://performancejs.com/post/hde6d32/The-Best-Frontend-JavaScript-Interview-Questions-(Written-by-a-Frontend-Engineer)
- CyC2018/Interview-Notebook: 准备秋招学习笔记
- InterviewMap/InterviewMap: Build the best interview map. The current content includes JS, network, browser related, performance optimization, security, framework, Git, data structure, algorithm, etc.
- Advanced-Frontend/Daily-Interview-Question: 我是木易杨,公众号「高级前端进阶」作者,每天搞定一道前端大厂面试题,祝大家天天进步,一年后会看到不一样的自己。
- Advanced-Interview-Question/front-end-interview: A list of interview for front-end developer(前端开发者面试清单)
- front-end-interview-handbook/javascript-questions.md at master · yangshun/front-end-interview-handbook
- shfshanyue/Daily-Question: 每天一道面试题,有关前端,后端,devops以及软技能,促进职业成长,敲开大厂之门。
- qq449245884/xiaozhi
- h5bp/Front-end-Developer-Interview-Questions: A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.
- webVueBlog/interview-answe: 【建议👍】前端面试日更解答 interview-answe 1+1,提倡每日学习与思考,每天进步一点!大厂高级前端面试题整理(死磕自己,愉悦大家)
- LuckyWinty/fe-weekly-questions: A pro to record some interview questions every week...
- lydiahallie/javascript-questions: A long list of (advanced) JavaScript questions, and their explanations
- sjsdfg/Interview-Notebook-PDF: https://github.com/CyC2018/Interview-Notebook PDF版本离线阅读
- yangshun/front-end-interview-handbook: 🕸 Almost complete answers to "Front-end Job Interview Questions" which you can use to interview potential candidates, test yourself or completely ignore
- haizlin/fe-interview: 前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家)
- tang-yue/scriptoj: scriptoj 所有题目整理 http://scriptoj.mangojuice.top/problems?tag=all
- ponkans/F2E: 🔥【互联网一线大厂面试+学习指南】大前端进阶知识扫盲,前端同学必看,后端同学也能看懂,看不懂你加我微信骂我渣男就好了!😊 近期在写 Node.js 及工程化系列。(欢迎star,持
- 2020年前端面试复习必读精选文章【赠复习导图】 · Issue #39 · axuebin/articles
- LinDaiDai/niubility-coding-js: 📒霖呆呆的个人博客汇总
- coffe1891/frontend-hard-mode-interview: 《前端内参》帮助前端工程师们夯实技术以通过一线互联网企业技术面试。日拱一卒,一年下来你会惊叹自己的进步。
- dyweb/awesome-resume-for-chinese: 适合中文的简历模板收集(LaTeX,HTML/JS and so on)由 @hoochanlon 维护
- dyweb/Deedy-Resume-for-Chinese: 适合应届毕业生的 LaTeX 简历模板
- deedy/Deedy-Resume: A one page , two asymmetric column resume template in XeTeX that caters to an undergraduate Computer Science student
- easychen/career-guide-for-cs-graduate: 计算机系应届生求职指北
- geekcompany/ResumeSample: Resume template for Chinese programmers . 程序员简历模板系列。包括PHP程序员简历模板、iOS程序员简历模板、Android程序员简历模板、Web前端程序员简历模板、Java程序员简历模板、C/C++程序员简历模板、NodeJS程序员简历模板、架构师简历模板以及通用程序员简历模板
- Moosphan/Android-Daily-Interview: 每工作日更新一道 Android 面试题,小聚成河,大聚成江,共勉之~
- FAQGURU/FAQGURU: A list of interview questions. This repository is everything you need to prepare for your technical interview.
- lgwebdream/FE-Interview: 前端面试必备题库,1000+面试真题,Html、Css、JavaScript、Vue、React、Node、TypeScript、Webpack、算法、网络与安全、浏览器
- FEGuideTeam/FEGuide: 【前端面试题+前端学习+面试指南】 一份涵盖大部分前端工程师所需要掌握的核心知识。这个项目就是为了帮助那些找工作的前端开发工程师去回顾前端的基础知识,如果你不想找工作,也可以通过查看这些面试问题去巩固你的前端技能。
- yisainan/web-interview: 我是「齐丶先丶森」,公众号「前端面试秘籍」作者,收集整理全网面试题及面试技巧,旨在帮助前端工程师们找到一份好工作!
- blog/juejin-interview.md at master · shfshanyue/blog
- azl397985856/fe-interview: 宇宙最强的前端面试指南 (https://lucifer.ren/fe-interview)
- blog/fe-interview.md at master · biaochenxuying/blog
- CavsZhouyou/Front-End-Interview-Notebook: 前端面试复习笔记
- FrontEndGitHub/FrontEndGitHub: [前端GitHub]:专注于挖掘优秀的前端开源项目,抹平你的前端信息不对称,涵盖 JavaScript、Vue、React、Node、小程序、Flutter、Deno、HTML、CSS 等。
- poetries/FE-Interview-Questions: 前端面试常考问题整理,按模块知识点分类 Front-end-Developer-Questions by Modules and knowledge
- wx-chevalier/Web-Series: 现代 Web 开发语法基础与工程实践,涵盖 Web 开发基础、前端工程化、应用架构、性能与体验优化、混合开发、React 实践、Vue 实践、WebAssembly 等多方面。
- HerbertKarajan/Fe-Interview-questions: 目前最全的前端开发面试题及答案
- wangwenjie1314/webQd: web前端面试的知识点
- huruji/FE-Interview: 前端面试题大合集——小菜鸟前端面试大作战
- cuitianze/Front-end-Developer-Interview-Questions-of-Chinese: 高级前端开发工程师面试题(不定期更新)
- shfshanyue/interview-api: 关于面试每日一题的 graphql api server
- qdleader/qdleader
- salomonelli/best-resume-ever: Build fast and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.
- qianbin01/frontend_train: 2018前端常见题汇总,不定时更新
- sudheerj/javascript-interview-questions: List of 1000 JavaScript Interview Questions
- ShameCom/ShameCom: 收集校招污点公司或组织,帮助学弟学妹避雷。互联网不曾遗忘!
#前端面试--掘金
《算法面试题》
- 算法面试题 | 高楼丢鸡蛋(源自谷歌面试题)
- 算法面试题 | 链表相交 & 成环问题
- 算法面试题 | 链表问题总结
- 算法面试题 | 回溯算法解题框架
《前端面试查漏补缺》
- 前端面试查漏补缺--(一) 防抖和节流 - 掘金
- 前端面试查漏补缺--(二) 垃圾回收机制 - 掘金
- 前端面试查漏补缺--(三) 跨域及常见解决办法 - 掘金
- 前端面试查漏补缺--(四) 前端本地存储 - 掘金
- 前端面试查漏补缺--(五) 渲染机制及重绘和回流 - 掘金
- 前端面试查漏补缺--(六) 浏览器缓存 - 掘金
- 前端面试查漏补缺--(七) XSS攻击与CSRF攻击 - 掘金
- 前端面试查漏补缺--(八) 前端加密 - 掘金
- 前端面试查漏补缺--(九) HTTP与HTTPS - 掘金
- 前端面试查漏补缺--(十) 前端鉴权 - 掘金
- 前端面试查漏补缺--(十一) 前端软件架构模式MVC/MVP/MVVM - 掘金
- 前端面试查漏补缺--(十二) 从输入URL到看到页面发生的全过程(含三握手,四挥手详解) - 掘金
- 前端面试查漏补缺--(十三) 内存泄漏 - 掘金
- 前端面试查漏补缺--(十四) 算法及排序 - 掘金
- 前端面试查漏补缺--(十五) Event Loop - 掘金
《前端面试题系列》
- 「前端面试题系列1」今日头条 面试题和思路解析 - 掘金
- 「前端面试题系列2」如何实现一个圣杯布局? - 掘金
- 「前端面试题系列3」伪类与伪元素的区别及实战 - 掘金
- 「前端面试题系列4」this的原理以及用法 - 掘金
- 「前端面试题系列5」ES6 中箭头函数的用法 - 掘金
- 「前端面试题系列6」理解函数的柯里化 - 掘金
- 「前端面试题系列7」JavaScript 中的事件机制(从原生到框架) - 掘金
- 「前端面试题系列8」数组去重(10 种浓缩版) - 掘金
《前端面试必会》
- 前端面试必会 | 一文读懂 JavaScript 中的作用域和作用域链 - 掘金
- 前端面试必会 | 一文读懂 JavaScript 中的闭包 - 掘金
- 前端面试必会 | 一文读懂现代 JavaScript 中的变量提升 - let、const 和 var - 掘金
- 前端面试必会 | 一文读懂 JavaScript 中的 this 关键字 - 掘金
- 前端面试必备 | 使用原型和构造函数创建对象(原型篇:上) - 掘金
- 前端面试必备 | 古怪的原型(鸡生蛋还是蛋生鸡)(原型篇:中) - 掘金
- 前端面试必备 | 5000字长文解释千万不能错过的原型操作方法及其模拟实现(原型篇:下) - 掘金
《看完这几道 JavaScript 面试题,让你与考官对答如流》
- 看完这几道 JavaScript 面试题,让你与考官对答如流(上) - 掘金
- 看完这几道 JavaScript 面试题,让你与考官对答如流(中) - 掘金
- 看完这几道 JavaScript 面试题,让你与考官对答如流(下) - 掘金
《三年大厂面试官》
- 【周刊-1】三年大厂面试官-面试题精选及答案 - 掘金
- 【周刊-2】三年大厂面试官-前端面试题(偏难) - 掘金
- 【周刊-3】三年大厂面试官-十道前端面试题(欢迎挑战) - 掘金
- 小蝌蚪系列:三年大厂面试官——二面题(偏难) - 掘金
《挑战一轮大厂后的面试总结》
- 挑战一轮大厂后的面试总结 (含六个方向) - css 篇 - 掘金
- 挑战一轮大厂后的面试总结 (含六个方向) - 浏览器 篇 - 掘金
- 挑战一轮大厂后的面试总结 (含六个方向) - nodejs 篇 - 掘金
- 挑战一轮大厂后的面试总结 (含六个方向) - javascript 篇(万字长文) - 掘金
《面试官问》
- 面试官问:能否模拟实现JS的new操作符 - 掘金
- 面试官问:能否模拟实现JS的bind方法 - 掘金
- 面试官问:能否模拟实现JS的call和apply方法 - 掘金
- 面试官问:JS的this指向 - 掘金
- 面试官问:JS的继承 - 掘金
《大前端吊打面试官系列》
- 🔥 《大前端吊打面试官系列》 之面试备战篇(近几十万字持续更新中,建议收藏~) - 掘金
- 🔥 动画:《大前端吊打面试官系列》 之原生 JavaScript 精华篇 - 掘金
- 🔥(已更新3.1w字)《大前端吊打面试官系列》 之 ES6 精华篇(2020年) - 掘金
- (已更新 4.1 W字)大前端面试系列之Vue 2.0 核心原理(上) - 掘金
《全栈问题汇总》
- 日问周刊 | 全栈问题汇总 | 第一期 - 掘金
- 日问周刊 | 全栈面试汇总 | 第二期 - 掘金
- 日问周刊 | 全栈面试汇总 | 第三期 - 掘金
- 日问周刊 | 全栈面试汇总 | 第四期 - 掘金
- 日问周刊 | 全栈面试汇总 | 第五期 - 掘金
- 日问周刊 | 全栈面试汇总 | 第六期 - 掘金
- 日问周刊 | 全栈面试汇总 | 第七期 - 掘金
- 日问周刊 | 全栈面试汇总 | 第八期 - 掘金
- 日问周刊 | 全栈面试汇总 | 第九期 - 掘金
- 日问周刊 | 全栈面试汇总 | 第十期 - 掘金
- 全栈面试汇总周刊 | 第十一期 - 掘金
- 全栈面试汇总 | 第十二期 - 掘金
《前端一面基础知识》
- 前端一面基础知识 ①——CSS面试题
- 前端一面基础知识 ②——作用域和闭包(面试场景题)
- 前端一面基础知识 ③——异步(面试场景题)
- 前端一面基础知识 ④——事件与DOM
- 前端一面基础知识 ⑤——Http、Ajax、跨域(看图轻松掌握HTTP面试相关知识)
- 前端一面基础知识 ⑥——性能优化、Web安全、Linux常用命令
- 中高级前端大厂面试秘籍,为你保驾护航金三银四,直通大厂(上)
- (中篇)中高级前端大厂面试秘籍,寒冬中为您保驾护航,直通大厂
- (下篇)中高级前端大厂面试秘籍,寒冬中为您保驾护航,直通大厂
- 80道前端面试经典选择题汇总 - 掘金
- 初中级前端面试题 - 掘金
- 面经合集 | 面试不用愁,掘友能解忧,一批大厂面试经验新鲜出炉啦~ - 掘金
- 阿里前端攻城狮们写了一份前端面试题答案,请查收 - 掘金
- 面试被问项目经验不用慌,按这个步骤回答绝对惊艳 - 掘金
- 面试完50个人后我写下这篇总结 - 掘金
- 在阿里我是如何当面试官的(持续更新) - 掘金
- 面试分享:两年工作经验成功面试阿里P6总结 - 掘金
- 浪子神剑 的个人主页 - 专栏 - 掘金
- 2018大厂高级前端面试题汇总 - 掘金
- 2018年前端面试总结 - 掘金
- 【半月刊】前端高频面试题及答案汇总 - 掘金
- 世界顶级公司的前端面试都问些什么 - 掘金
- 2万5千字大厂面经 | 掘金技术征文 - 掘金
- 五年面试,三年模拟(题库长期维护) - 掘金
- 前端面试题总结(js、html、小程序、React、算法、vue 、全栈热门视频资源) - 掘金
- 前端面试题全面整理-带解析 涵盖(css、js、浏览器、vue、react、移动web、前端性能、算法、node) - 掘金
- 【2019/09/18】前端面试 - 掘金
- 【前方高能】新手到高级前端攻城狮都用的上的前端面试题库,备战明年金三银四 - 掘金
- 10个你在JavaScript面试前需要掌握的概念 - 掘金
- JS题目之数组数据拆分重组转成嵌套对象,让脑细胞活跃下 - 掘金
- [译] 以面试官的角度来看 React 工作面试 - 掘金
- 如何通过前端面试 - 掘金
- 七篇前端面试必考知识点,助你一臂之力 - 掘金
- 前端面试——网络以及浏览器相关 - 掘金
- 前端面试——JavaScript - 掘金
- 前端面试——Vue - 掘金
- 2019年17道高频React面试题及详解 - 掘金
- 如何答一道惊艳面试官的数组去重问题? - 掘金
- 可能是一份最适合你的后端面试指南(部分内容前端同样适用)| 掘金技术征文 - 掘金
- 几个js笔试题助力金三银四 - 掘金
- 2020 前端面试 | 第一波面试题总结 - 掘金
- 2020 前端面试 | 第二波面试题总结 - 掘金
- 年底面试之JavaScript总结(用心收集) - 掘金
- JavaScript常见笔试题(持续更新) - 掘金
- 前端面试大厂手写源码系列(上) - 掘金
- 中高级前端面试题(万字长文) - 掘金
- 看完跳槽少说涨 5 K,前端面试从准备到谈薪完全指南(近万字精华) - 掘金
- 【建议星星】要就来45道Promise面试题一次爽到底(1.1w字用心整理) - 掘金
- 面试时,你被要求手写常见原理了吗? - 掘金
- 💦【何不三连】做完这48道题彻底弄懂JS继承(1.7w字含辛整理-返璞归真) - 掘金
- 高频面试手写代码满分答案! (2w字) - 掘金
- 【笔试题👋】分享一道有意思的arguments笔试题 - 掘金
- 🔥【何不三连】比继承家业还要简单的JS继承题-封装篇(牛刀小试) - 掘金
- JS 原生面经从初级到高级【近1.5W字】 - 掘金
- 2020前端面试必备算法 - 掘金
- 《吐血整理》系列 春招前端 17k 的水平 | 掘金技术征文 - 掘金
- 2020年前端面试复习必读文章【超百篇文章/赠复习导图】 - 掘金
- 一位前端小姐姐的五万字面试宝典 - 掘金
- 第四期|前端如何搞规,P4-P7的认知(第四届前端早早聊大会感悟) - 掘金
- 教你如何写初/高级前端简历【赠简历导图】 - 掘金
- 今年行情这么差,到底如何进大厂? - 掘金
- 阿里巴巴盒马前端上岸总结 - 掘金
- 【面试题】CSS知识点整理(附答案) - 掘金
- 艺术喵 2 年前端面试心路历程(字节跳动、YY、虎牙、BIGO)| 掘金技术征文 - 掘金
- 进入大厂的面试经验(P7) - 掘金
- 五月中级前端面试报告 - 掘金
- 『1W7字中高级前端面试必知必会』终极版 - 掘金
- 面试系列——面经汇总 - 掘金
- 前22年的Loser,后4年和自己赛跑的人 | 最惨前端面经 - 掘金
- 【建议👍】再来40道this面试题酸爽继续(1.2w字用手整理) - 掘金
- 霖呆呆的近期面试128题汇总(含超详细答案) | 掘金技术征文 - 掘金
- 🚩四年前端在CSS面试上跪了/(ㄒoㄒ)/~~ - 掘金
- 【1 月最新】前端 100 问:能搞懂 80% 的请把简历给我 - 掘金
- 前端面试考点多?看这些文章就够了(2019年6月更新版) - 掘金
- web前端面试总结(自认为还算全面哈哈哈哈哈!!!!) - 掘金
- 前端高频面试题整理 前端两年-月入30K | 掘金技术征文 - 掘金
- html篇--这可能是目前较为全面的html面试知识点了吧
- css篇--100道近两万字帮你巩固css知识点 - 掘金
- javascript篇--1.6万字带你回忆那些遗忘的JS知识点 - 掘金
- 13期前端冲刺必备指南-this/call/apply/bind(万字长文) - 掘金
- 霖呆呆的中大厂面试记录及2年前端薪资对比(附赠学习方法)
- [查缺补漏]再来100道JS输出题酸爽继续(共1.8W字)
- 你不知道的React 和 Vue 的20个区别【面试必备】
- 【建议星星】要就来45道Promise面试题一次爽到底(1.1w字用心整理)
- 2020最新:100道有答案的前端面试题(上)
- 2020最新:100道有答案的前端面试题(下)
- 由浅入深,66条JavaScript面试知识点
- 2020字节跳动我总结了以下扎心❤面试题
- 「查缺补漏」送你 54 道 JavaScript 面试题
- 前端面试总结2020年8月16家公司(附真实面试题)1
- 前端面试总结2020年8月16家公司(附真实面试题)2
- 面试后记(持续更新中,每天十个知识点,感谢关注...)
- 「查缺补漏」送你18道浏览器面试题
- 「一劳永逸」送你21道高频JavaScript手写面试题
- 阿里实习 90 天:从实习生的视角谈谈个人成长
- 前端10个灵魂拷问 吃透这些你就能摆脱初级前端工程师!
- (2.6w字)网络知识点灵魂拷问——前端面试必问
- 「查缺补漏」我的2020前端面试秘籍,为你秋招保驾护航
- Vue 面试题汇总(持续更新中...)
- 32个手写JS,巩固你的JS基础(面试高频)
- 救救自己,别再这样写简历了|掘金技术征文
- [万字长文]百度和好未来面试经含答案 | 掘金技术征文
- 前端面试常见的手写功能
- 毕业一年升P6的前端晋升总结 | 掘金征文
- 2021年前端面试必读文章【超三百篇文章/赠复习导图】
- 面筋系列①——滴滴sp一面面试真题
- 面筋系列②——滴滴实习生一面凉经
- 高频JS手撕面试题(尊享版)
- 「灵魂之作」2020斩获30道高频JS手撕面试题
- 非科班二本前端大厂面试的心路历程和总结(腾讯、头条、阿里、京东) | 掘金技术征文
- 2年前端暑期面试打怪升级(收获多份offer)
- 在阿里我是如何当面试官的
- 面试分享:两年工作经验成功面试阿里P6总结
- 字节跳动今日头条前端面经(4轮技术面+hr面)
- 【从青铜到钻石】3 年创业公司成长经历 && 面试总结
- 而立之年——回顾我的前端转行之路
- 上海莉莉丝、米哈游、B站、小红书、得物等互联网公司前端面试总结
- 106 道面向初中级前端的基础面试题
#前端面试--CSDN
#前端面试--简书
#前端面试--SegmentFault 思否
- 如何做出亮点 - 磐冲小记 - SegmentFault 思否
#前端面试--知乎
- 新手前端的面经总结(已拿网易offer) - 知乎
#前端面试--博客园
#前端面试--哔哩哔哩
#前端面试--语雀
#前端面试--微信
《前端面试必备》
- 前端面试必备 | 5000字长文解释千万不能错过的原型操作方法及其模拟实现(原型篇:下)
- 前端面试必备 | 古怪的原型(鸡生蛋还是蛋生鸡)(原型篇:中)
- 前端面试必备 | 使用原型和构造函数创建对象(原型篇:上)
- 前端面试必会 | 一文读懂 JavaScript 中的 this 关键字
- 面试必备 | 一文读懂现代 JavaScript 中的变量提升 - let、const 和 var
- 前端面试必会 | 一文读懂 JavaScript 中的闭包
- 前端面试必会 | 一文读懂 JavaScript 中的作用域和作用域链
《挑战一轮大厂后的面试总结》
- 挑战一轮大厂后的面试总结 (含六个方向) - javascript 篇(万字长文)
- 挑战一轮大厂后的面试总结 (含六个方向) - 浏览器 篇
- 挑战一轮大厂后的面试总结 (含六个方向) - nodejs 篇
- 挑战一轮大厂后的面试总结 (含六个方向) - css 篇
- 挑战一轮大厂后的面试总结 (含六个方向) - 框架(vue)和工程相关
- 挑战一轮大厂后的面试总结 (含六个方向) - 面试技巧篇(完结)
- 一年半工作经验是如何搞定阿里面试的
- 我在阿里招前端,我该怎么帮你?(文末有惊喜)
- 阿里大佬手把手教你轻松拿到阿里offer
- 1.5年经验如何准备阿里巴巴 P6 前端面试
- 涨薪 30 % 以上,看这篇万字干货就行(留言点赞抽奖)
- 面试常考手写代码学习技巧总结
- 面试总结:移动web设计与开发
- 【前端大神面考面试官系列】入门Vue全家桶
- 面试必备-递归思想与实战
- 掘金前端,后端,移动端面试文章大合集
- 初中级前端面试题目汇总和答案解析
- 十几道含答案的大厂面试题总结
- 面试官:CSS如何实现固定宽高比?
- 干货!阿里P6手写源码面试题集锦
- 几道前端p6笔试题
- 校招阿里淘系前端面经(五轮技术面)
- 2020 金三银四 大前端冲刺大厂面试题必备 【上篇】
- 2020年 大前端冲刺大厂面试题集锦 【二】
- 各种手写源码实现
- 75个JavaScript面试题集锦,内含解答,自测 JS 掌握程度
- https://mp.weixin.qq.com/s?__biz=MzI0MzIyMDM5Ng==&mid=2649826842&idx=1&sn=33b37579c6df934e680dec0747940ac5&chksm=f175ecd9c60265cfd6933201c238fc7c160278150a00fbb94f89b3e5ad78ff7569e021eb8732&mpshare=1&scene=23&srcid=&sharer_sharetime=1589107869742&sharer_shareid=c4ff3c0072f45c02ec37111084873c94#rd
- 前端面试128问汇总(含超详细答案)
- 【面试】JavaScript 面向对象面试题(上)
- 干货!阿里P6手写源码面试题集锦
- 【面试】764高频前端开发面试问题及答案整理
- 75 道 JavaScript 面试题, 2.5 万字刷个够
51nod
- 登录-51Nod
- 最新动态
LeetCode
《LeetCode 攻略》
- LeetCode 攻略 - 2019 年 6 月汇总(30 题攻略)
- LeetCode 攻略 - 2019 年 7 月上半月汇总(55 题攻略)
- LeetCode 攻略 - 2019 年 7 月下半月汇总(100 题攻略)
- LeetCode 攻略 - 2019 年 8 月上半月汇总(109 题攻略)
#azl397985856
- azl397985856/leetcode: LeetCode Solutions: A Record of My Problem Solving Journey.( leetcode题解,记录自己的leetcode解题之路。)
- Introduction - 力扣加加 - 努力做西湖区最好的算法题解
- azl397985856/daily-featured: 每天给你推荐一个新奇,好玩,高品质的开源库,好文,观点或言论等。
- 力扣
- azl397985856 (lucifer)
#halfrost
LeetCode-Go
- halfrost/LeetCode-Go: ✅ Solutions to LeetCode by Go, 100% test coverage, runtime beats 100% / LeetCode 题解
- Release Algorithm Template · halfrost/LeetCode-Go
- 序 | LeetCode Cookbook
- halfrost (halfrost)
#labuladong
- labuladong/fucking-algorithm: 手把手撕LeetCode题目,扒各种算法套路的裤子。English version supported! Crack LeetCode, not only how, but also why.
- 开篇词 - labuladong 的算法教程
#MisterBooo
- MisterBooo/LeetCodeAnimation: Demonstrate all the questions on LeetCode in the form of animation.(用动画的形式呈现解LeetCode题目的思路)
- doocs/leetcode: 😏 LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
- bonfy/leetcode: leetcode刷题 内附leetcode solution代码自动下载生成器(Leetcode solution auto generator)
- tangweikun/awesome-leetcode: A collection of awesome leetcode solutions
- soulmachine/leetcode: LeetCode题解,151道题完整版
- cunzaizhuyi/js-leetcode: Leetcode solutions by JavaScript
- lxr17/leetcode: LeetCode练习
- LeetCode - The World's Leading Online Programming Learning Platform
- 力扣(LeetCode)官网 - 全球极客挚爱的技术成长平台
- 在vscode中配置LeetCode插件,从此愉快地刷题 - 掘金
- (5 封私信 / 82 条消息) 力扣(LeetCode) - 知乎
LintCode
- LintCode
- 九章算法 - 帮助更多中国人找到好工作,硅谷顶尖IT企业工程师实时在线授课为你传授面试技巧
- LintCode 领扣
牛客网
- 牛客网-找工作神器|笔试题库|面试经验|实习招聘内推,求职就业一站解决_牛客网
- 【第二弹】字节跳动7月份按岗位汇总算法高频题_笔经面经_牛客网
- 牛客题霸_C++Java前端经典笔试面试题库_在线编程_牛客网
- 那几个月在找工作(百度,网易游戏,华为)_笔经面经_牛客网
- 笔经面经_互联网求职学习交流_讨论区_牛客网
- 程序员代码面试指南_在线编程_牛客网
- 2019校招真题在线编程_牛客网
- 编程初学者入门训练_在线编程_牛客网
- 【程序员求职题库】互联网IT技术岗校园招聘实习笔试面试真题_牛客网
- 牛客题霸-求职必刷题_在线编程_牛客网
- 华为机试_在线编程_牛客网
- 剑指Offer_编程题_在线编程_牛客网
- 九章算法 - 帮助更多中国人找到好工作,硅谷顶尖IT企业工程师实时在线授课为你传授面试技巧
- 前端面试与进阶指南
- 题目 | ScriptOJ
- 字节跳动内推
- 收下这份面经!2020 阿里、美团、头条最新面试题总结来了
¥大前端资源
#前端资源--github
《我的职业是前端工程师》
- phodal/fe: 《我的职业是前端工程师》 - Ebook:I'm a FrontEnd Developer
- 我的职业是前端工程师 –
30-seconds
- 30 seconds
- 30-seconds/30-seconds-of-code: Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.
- Chalarangelo/30-seconds-of-code: Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.
- Array - 30 seconds of code
- 30 seconds of code
- 30 秒就能理解的 JavaScript 代码片段(30 seconds of code)
33-js-concepts
- leonardomso/33-js-concepts: 📜 33 concepts every JavaScript developer should know.
- stephentian/33-js-concepts: 每个 JavaScript 工程师都应懂的33个概念 @leonardomso
JS前端开发联盟群
- JS前端开发联盟群
- src/book.md at master · jsfront/src
- jsfront/month: 前端知识月刊
- jsfront/jsfront.github.io: 前端联盟群官方网站
- jsfront/qa: 群内知识问题代码比赛等
- jsfront/Hybrid-Collection-App: Hybrid App群开源项目
- jsfront/angular2.0-study: WIKE学习angluar的一些资料和心得,定期更新
- jsfront/use-gulp: gulp资料收集
- jsfront/cd-it-job: 针对成都IT小伙伴们的工作(招聘,求职)交流的微信订阅号项目。
- jsfront/web.frontend.component: some jquery plugins extended by one core library called jquery plugin manager.
- jsfront/template: html模板引擎
- jsfront/toucher: 面向移动端的手势类库
- jsfront/front-end-collect: 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者
- jsfront/src: 常用代码收集资源分享
- Toucher by bh-lay
javascript.info
- javascript-tutorial/zh.javascript.info: 现代 JavaScript 教程(The Modern JavaScript Tutorial)
- javascript-tutorial/en.javascript.info: Modern JavaScript Tutorial
- The Modern JavaScript Tutorial
- 现代 JavaScript 教程
- An Introduction to JavaScript
webproblem
- webproblem (小兴)
- BeesX/BeesHybrid: This project aims to help more wireless development engineers understand and master hybrid development technology by providing a range of tools and methods.
- webproblem/learning-article: 学习资源 or 大前端导航,持续更新
- webproblem/Blog: 学习笔记和技术输出
- webproblem/webproblem.github.io: 我的工程
- webproblem/my-plugin: My first repository on GitHub,存放着一些独立的功能组件,可单独使用
- webproblem/notebook: 前端攻城狮笔记,持续更新~(一起来维护呀!)
- javascript · GitHub Topics
- js · GitHub Topics
- fe-store-house/README.md at master · poppinlp/fe-store-house
- qianguyihao/Web: 前端入门和进阶学习笔记,超详细的Web前端学习图文教程。从零开始学前端,做一名精致的前端工程师。持续更新...
- lanzhsh/react-vue-koa: Vue,React,微信小程序,快应用,TS , Koa, JS一把梭
- bpesquet/thejsway: The JavaScript Way book
- chenfengyanyu/my-web-accumulation: Jartto's webs laboratory(主要为博客提供 demo 素材)
- veedrin/horseshoe: 🍧代号马蹄铁。以专题为单位的学习。目前已发布 { React专题 } { Redux专题 } { Regex专题 }
- zenany/weekly: 汇总平时看到的好文章,前端技术 & 产品研发为主...
- wxyyxc1992/Web-Series: 现代 Web 开发,现代 Web 开发导论 | 基础篇 | 进阶篇 | 架构优化篇 | React 篇 | Vue 篇
- Web-Series/工具化与工程化.md at master · wxyyxc1992/Web-Series
- wxyyxc1992/Coder-Roadmap: Interactive MindMap, RoadMap(Learning Path/Interview Questions), xCompass, Weekly for Developer, to Learn Everything in ITCS 程序员的技术视野、知识管理与职业规划,提高个人与团队的研发效能
- freeCodeCamp/freeCodeCamp: The https://freeCodeCamp.org open source codebase and curriculum. Learn to code for free together with millions of people.
- cachecats/coderiver: 致力于打造全平台全栈精品开源项目,计划做成包含 pc端(Vue、React)、移动H5(Vue、React)、ReactNative混合开发、Android原生、微信小程序、java后端的全平台型全栈项目,欢迎关
- webmodules
- KieSun/FE-advance-road: 进阶资深前端开发
- USTB-musion/fee-skills: 觉得好请点小星星,有问题欢迎交流
- jiangxia/FE-Knowledge
- fengshi123/blog: 汇总发布的前端博文,大家一起交流学习,如果有帮助到您,欢迎 star ~
- pigcan/blog: Here is my blog
- da2k/curso-javascript-ninja: Curso Javascript Ninja
- The Modern JavaScript Tutorial
- mdn/learning-area: Github repo for the MDN Learning Area.
- google/google-api-javascript-client: Google APIs Client Library for browser JavaScript, aka gapi.
- d2forum/14th: 第十四届D2前端技术论坛「创心」
- dennis-jiang/Front-End-Knowledges: 前端知识进阶
- lateautumn4lin/Review_Reverse: 2019年末总结下今年做过的逆向,整理代码,复习思路。 拼夕夕Web端anti_content参数逆向分析 WEB淘宝sign逆向分析; 努比亚Cookie生成逆向分析; 百度指数data加密逆向分析 今
- wesbos/JavaScript30: 30 Day Vanilla JS Challenge
- julianshapiro/libscore: JavaScript library usage stats.
- aliyunfe/weekly: 《阿里云前端技术周刊》
- kujian/frontendDaily: 前端开发技术日报,每日分享互联网最精彩的前端技术、前端资讯、后端编程、设计和资源等,欢迎关注Watch
- f2e-awesome/knowledge: 文档着重构建一个完整的「前端技术架构图谱」,方便 F2E(Front End Engineering又称FEE、F2E) 学习与进阶。
- grab/front-end-guide: 📚 Study guide and introduction to the modern front end stack.
- learn-anything/learn-anything: Organize world's knowledge, explore connections and curate learning paths
- microsoft/frontend-bootcamp: Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
- poppinlp/fe-store-house: The front-end resource that gathered in my working days.
- microsoft/Web-Dev-For-Beginners: 24 Lessons, 12 Weeks, Get Started as a Web Developer
- lauragift21/awesome-learning-resources: 🔥 Awesome list of resources on Web Development.
- stone0090/javascript-lessons: 本课程之所以叫做《JavaScript 闯关记》,是因为部分章节精心设计了挑战关卡,通过提供更多的实战机会,让大家可以循序渐进地、有目的地、有挑战地开展学习。
- jhu-ep-coursera/fullstack-course4: Example code for HTML, CSS, and Javascript for Web Developers Coursera Course
- DrkSephy/es6-cheatsheet: ES2015 [ES6] cheatsheet containing tips, tricks, best practices and code snippets
- TheAlgorithms/Javascript: A repository for All algorithms implemented in Javascript (for educational purposes only)
- kenberkeley/bigger-jser: 前端 JSer 装逼手册 (DEPRECATED)
- Asabeneh/30-Days-Of-JavaScript: 30 days of JavaScript programming challenge is a step by step guide to learn JavaScript programming language in 30 days
- julycoding/The-Art-Of-Programming-By-July: 本项目曾冲到全球第一,干货集锦见本页面最底部,另完整精致的纸质版《编程之法:面试和算法心得》已在京东/当当上销售
- thejsway/thejsway: The JavaScript Way book
- Mindmap · 金色小芝麻/jiujin - 码云 - 开源中国
#前端资源--掘金
- 2万字 | 前端基础拾遗90问 - 掘金
- 震惊!生产力提效 300% 的秘诀全公开 - 掘金
- 【译】JavaScript 完整手册 - 掘金
- 通过讲故事搞定前端网络知识 - 掘金
- 前端2018年精选好文,请打包带走 - 前端 - 掘金
- 个人分享--web前端学习资源分享 - 掘金
- [杂谈]了解一些额外知识,让前端开发锦上添花 - 掘金
- 2018 前端开发分享 - 掘金
- 前端常用功能小计(持续更新) - 掘金
- 技术周刊(2018-11-26 WebSocket) - 掘金
- 前端技术周刊 2018-12-03:DOM - 掘金
- [译] 2018 前端全面回顾 - 掘金
- JavaScript入门指南(学习笔记) 两万余字的基础总结 - 掘金
- JavaScript 工具函数大全(新) - 掘金
- 想写好前端,先练好内功 - 掘金
- 写给初中级前端的高级进阶指南 - 掘金
- 移动前端开发和 Web 前端开发的区别是什么?
- 【KT】构建自己的前端知识体系
- 还在迷茫于前端如何入门和进阶?万字指南让你不再迷茫!
- 【小分享】JavaScript的小历史 - 掘金
- 我在阿里是怎么工作的——写在阿里入职一周年
- 大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
- 山月的 2020 上半年总结 - 如何成为全栈工程师 | 掘金征文
- 阿里程序员常用的 15 款开发者工具
- 树酱的前端知识体系构建(上)
- 树酱的前端知识体系构建(下)
- 前端必备javascript书籍测评【含红宝书和绿皮书】
- [译] 前端组件设计原则
- 大前端的技术原理和变迁史
- 【思维导图】前端开发JavaScript-巩固你的JavaScript知识体系
- 原生JS之苦
#前端资源--CSDN
- JavaScript_X-Dragon的博客-CSDN博客
- JavaScript基础知识全总结_June.1-CSDN博客_javascript基础知识总结
#前端资源--简书
#前端资源--SegmentFault 思否
- (...) github上值得关注的前端项目_trigkit4 - SegmentFault 思否
- 前端学习资源汇总 - 个人文章 - SegmentFault 思否
- javascript功能插件大集合,写前端的亲们记得收藏 - 专注WEB前端/微信小程序 - SegmentFault 思否
- 前端资源整理 - 订阅、工具等 - 张小猪左顾右盼 - SegmentFault 思否
- 前端技术资讯网站 - StepByStep - SegmentFault 思否
- 前端导航平台简介 - 个人文章 - SegmentFault 思否
#前端资源--知乎
- 前端技术漫游指南 - 知乎
#前端资源--博客园
- JS代码大全 (都是网上看到 自己整理的) - 城堡没公主 - 博客园
- 有助于提高你的 Web 开发技能的7个模式库 - 梦想天空(山边小溪) - 博客园
#前端资源--哔哩哔哩
- 前端学习路线(仅供参考,持续更新) - 哔哩哔哩
- 2020最新版前端学习路线图 - 哔哩哔哩
- web前端学习视频汇总(基础+高级+实战) - 哔哩哔哩
- 前端学习路线-和pink老师一起打造前端的学习家园 - 哔哩哔哩
- 前端 2019 学习路线(视频) - 哔哩哔哩
- 前端学习笔记之移动web布局ppt素材 - 哔哩哔哩
- 2020年最新版Web前端学习路线图-前端小白入门必读 - 哔哩哔哩
- 前端 2019 学习路线(视频) - 哔哩哔哩
- 你想要的前端软件在这里都有啦,去下载吧-pink老师用心收集,快快点赞收藏吧~~~ - 哔哩哔哩
- 2020最新IT学习路线图(Java、大数据、前端、运维、区块链、Python) - 哔哩哔哩
- 前端自学路线 - 哔哩哔哩
#前端资源--语雀
- 卖菜的前端 · 语雀
- Cute-FrontEnd · 语雀
#前端资源--微信
- Web前端开发高级前端技术(高级开发程序篇)
- 干货 | 第十四届 D2 前端技术论坛 20+ 份精彩演讲 PPT 分享
- 关于前端学习路线的一些建议(含面试自测题)
- 染陌的2019年度总结——我在阿里云做前端
- 「秘」那些管UI小姐姐要来的网站
- 牛人的常用软件大公开!
#前端资源--导航/集锦
- 史上最全GitHub前端开发集锦 | @Get社区
- Awesomes-Web前端开发资源库
- 前端导航
- 前端网址导航-前端开发博客
- 前端导航-前端技术导航-前端网址导航-haorooms导航-前端博客
- 前端网址导航-大前端
- 在线工具 —— OSCHINA.NET社区
- 脚本之家在线工具
456bereastreet
- 456 Berea Street: Articles and news on web standards, accessibility, and usability
- Archive | 456 Berea Street
百度Web前端技术学院(Baidu Institute of Front-End Technology,IFE)
- baidu-ife/ife: Baidu Institute of Front-End Technology
- 百度前端技术学院
- 百度前端技术学院
- 百度前端技术学院
- Learn JavaScript
- Plunker - Helping you build the web
- JS Bin - Collaborative JavaScript Debugging
- Spectrum
- Open Hub, the open source network
- SourceForge - Download, Develop and Publish Free Open Source Software
- Welcome To PKU JudgeOnline
- Welcome to Hangzhou Dianzi University Online Judge
- Inigo Quilez :: fractals, computer graphics, mathematics, shaders, demoscene and more
- Attention Required! | Cloudflare
- AtCoder
- Timus Online Judge
- Sphere Online Judge (SPOJ)
- Topcoder | Design & Build High-Quality Software with On-Demand Talent
- Codeforces
- Javascript | Web Design and Web Development news, javascript, angular, react, vue, php
- The Code Barbarian | www.thecodebarbarian.com
- HTML, CSS, and JavaScript Tutorials, References, and Articles | HTML Dog
- Robin
- JavaScript 标准参考教程(alpha) -- JavaScript 标准参考教程(alpha)
- JavaScript学习指南:JS入门教程(非常详细)
- Web前端零基础到高薪就业之javascript/js教程-学习视频教程-培训课程-腾讯课堂
- 编程类中文开源电子书合集 - 开源工场
- ezgo Linux 免费、公益、面向教育的开源电脑操作系统
- 开源工场 - Opening Source
- 开放教育反应堆 Open Education Fusion | (筹)开放教育基金会 Open Education Foundation
- 工具哇!- 在线工具集
¥大前端整理集
#前端整理集--github
#CheatSheet&CheckList
Front-End-Checklist
- thedaviddias/Front-End-Checklist: 🗂 The perfect Front-End Checklist for modern websites and meticulous developers
Front-End-Performance-Checklist
- thedaviddias/Front-End-Performance-Checklist: 🎮 The only Front-End Performance Checklist that runs faster than the others
- Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word] — Smashing Magazine
- Awesome-CheatSheets/JavaScript-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
- Awesome-CheatSheets/DOM-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
- Awesome-CheatSheets/CSS-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
- Awesome-CheatSheets/React-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
- Awesome-CheatSheets/Vue-CheatSheet.md at master · wxyyxc1992/Awesome-CheatSheets
- Awesome-CheatSheets/Web/Tuning at master · wxyyxc1992/Awesome-CheatSheets
- wxyyxc1992/Awesome-CheatSheets: Ultimate CheatSheets(Tutorials&MindMap), overview of syntax, features and practical tips, collection of useful code snippets, go from zero to hero at fly. 干货满满的全栈开发速学速查手册集锦
- LeCoupa/awesome-cheatsheets: 👩💻👨💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
frontend-tech-list
- alienzhou/frontend-tech-list: a frontend tech list for developers
free-programming-books
- justjavac/free-programming-books-zh_CN: 免费的计算机编程类中文书籍,欢迎投稿
- EbookFoundation/free-programming-books: Freely available programming books
- FPB 2.0:免费的计算机编程类中文书籍 2.0 - SegmentFault 思否
- resources - What is the single most influential book every programmer should read? - Stack Overflow
- Page not found - Stack Overflow
- 一个合格的程序员应该读过哪些书 | justjavac(迷渡)
wtfjs
- denysdovhan/wtfjs: 🤪 A list of funny and tricky JavaScript examples
- wtfjs - npm
- www.wtfpl.net
- 1c7/chinese-independent-developer: 👩🏿💻👨🏾💻👩🏼💻👨🏽💻👩🏻💻中国独立开发者项目列表 -- 分享大家都在做什么
- Igglybuff/awesome-piracy: A curated list of awesome warez and piracy links
- sorrycc/awesome-javascript: 🐢 A collection of awesome browser-side JavaScript libraries, resources and shiny things.
- iamjoel/front-end-plugins: :whale2: Web 前端常用插件
- Rain120/program-learning-lists: 整理我GitHub所有的star,并分类
- KieSun/InterviewMap: Build the best interview map
- verekia/js-stack-from-scratch: 🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
- chenggang321/JavaScript-note
- windiest/Front-end-tutorial: 猫的前端回忆录 Cat's front memory, these share data are from my usual work and learning, hoping to help you, and hoping slowly improve, if you like you can star
- ardakaracizmeli/design-system-checklist: An open-source checklist to help you plan, build and grow your design system.
- 工作中经常用到github上优秀、实用、轻量级、无依赖的插件和库 · Issue #10 · jawil/blog
- P-P-X/awesome-collector: 1.01の法則
- Geekhyt/front-end-canteen: 你的前端食堂,记得按时吃饭🍥
- Daotin/notes: 🔥 前端进阶笔记,记录工作学习中遇到的问题和思考,建议加星,及时收到最新文章。
- 一个优秀的前端都应该阅读这些文章 · Issue #48 · Nealyang/PersonalBlog
- littleTreeme/frontendThings: 《前端那些事》系列文章,分享前端
- shenzekun/useful-tools: 🔨 一些有用的工具网站
- react-vue-koa/index.html at master · lanzhsh/react-vue-koa
- lanzhsh/bookmarks: 最实用的前端书签,持续更中
- trailheadapps/lwc-recipes: A collection of easy-to-digest code examples for Lightning Web Components on Salesforce Platform
- 金色小芝麻/jiujin
- wx-chevalier/ProgrammingLanguage-Series: 编程语言语法基础与工程实践,JavaScript | Java | Python | Go | Rust | CPP | Swift
- wx-chevalier/JavaScript-Series: JavaScript Series, Mastering JavaScript & TypeScript from Zero to Hero.
#前端整理集--掘金
《19年你应该关注这50款前端热门工具》
- 19年你应该关注这50款前端热门工具(上)
- 19年你应该关注这50款前端热门工具(中)
- 19年你应该关注这50款前端热门工具(下)
《【前端帮帮忙】》
- 【前端帮帮忙】第1期 聊聊css居中那点事 - 掘金
- 【前端帮帮忙】第2期 Shadow DOM来了解一下 - 掘金
- 【前端帮帮忙】第3期 使用CSS的border属性绘制各种几何形状 - 掘金
- 【前端帮帮忙】第4期 使用纯CSS制作一个开关按钮 - 掘金
- 【前端帮帮忙】第5期 关于CSS权重,你了解多少? - 掘金
- 【前端帮帮忙】第6期 移动端使用video标签需要注意的一些问题 - 掘金
- 【前端帮帮忙】第7期 关于节流(throttle)和防抖(debounce)的理解 - 掘金
- 【前端帮帮忙】第8期 关于BFC,你需要了解的 - 掘金
- 【前端帮帮忙】第9期 你可能不知道的CSS隐藏页面元素的方法 - 掘金
- 【前端帮帮忙】第10期 浅析类数组对象 - 掘金
《DD每周前端七题详解》
- DD每周前端七题详解-第一期
- DD每周前端七题详解-第二期
- DD每周前端七题详解-第三期
- DD每周前端七题详解-第四期
- DD每周前端七题详解-第五期
- DD每周前端七题详解-第六期
- DD每周前端七题详解-第七期
《JS 基础篇》
- JS 基础篇(一):创建对象的四种方式 - 掘金
- JS 基础篇(二):理解JS原型对象与原型链 - 掘金
- JS 基础篇(三):原型继承 - 掘金
- JS 基础篇(四):JS中的函数 - 掘金
- JS 基础篇(五):JS严格模式 - 掘金
- JS 基础篇(六):事件冒泡与捕获 - 掘金
- JS 基础篇(七):Undefined与Null的区别 - 掘金
- JS 基础篇(八):== 与 === 的区别 - 掘金
- JS 基础篇(九):var、let、const的区别 - 掘金
- JS 基础篇(十):JS的执行机制Event Loop --- 浏览器篇 - 掘金
《JS 应用篇》
- JS 应用篇(一):JS获取元素的高度 - 掘金
- JS 应用篇(二):判断JS数据类型方法介绍 - 掘金
- JS 应用篇(三):JS中的遍历函数 - 掘金
《JS基础总结》
- JS基础总结(1)——数据类型 - 掘金
- JS基础总结(2)——原型与原型链 - 掘金
- JS基础总结(3)——作用域和闭包 - 掘金
- JS基础总结(4)——this指向及call/apply/bind - 掘金
- JS基础总结(5)—— JS执行机制与EventLoop - 掘金
《JavaScript中级指南》
- JavaScript中级指南-01 函数提升与变量提升(笔记) - 掘金
- JavaScript中级指南-02 ES6常用知识点(2W余字学习笔记) - 掘金
- JavaScript中级指南-03 面向对象编程 - 掘金
- JavaScript中级指南-04 JS深浅拷贝原理及使用方式 - 掘金
- JavaScript中级指南-05 JS中的堆和栈 - 掘金
《JavaScript进阶》
- JavaScript进阶之原型和原型链 - 掘金
- JavaScript进阶之执行上下文 - 掘金
- Javascript进阶之变量对象 - 掘金
- JavaScript进阶之作用域 - 掘金
- JavaScript进阶之闭包 - 掘金
- JavaScript进阶之继承原理 - 掘金
- JavaScript进阶之LHS和RHS查询 - 掘金
- JavaScript进阶之new的实现 - 掘金
- JavaScript进阶之实现call、apply - 掘金
- JavaScript进阶之bind方法的实现 - 掘金
- JavaScript进阶之this指向 - 掘金
- JavaScript进阶之浏览器Event-Loop - 掘金
《JavaScript深入》
- JavaScript深入之执行上下文栈 - 掘金
- JavaScript深入之变量对象 - 掘金
- JavaScript深入之作用域链 - 掘金
- JavaScript 深入之从 ECMAScript 规范解读 this - 掘金
- JavaScript深入之执行上下文 - 掘金
- JavaScript深入之闭包 - 掘金
- JavaScript深入之参数按值传递 - 掘金
- JavaScript深入之call和apply的模拟实现 - 掘金
- JavaScript深入之bind的模拟实现 - 掘金
- JavaScript深入之new的模拟实现 - 掘金
- JavaScript 深入之类数组对象与 arguments - 掘金
- JavaScript深入之创建对象的多种方式以及优缺点 - 掘金
- JavaScript深入之继承的多种方式和优缺点 - 掘金
- JavaScript深入系列15篇正式完结! - 掘金
- JavaScript 深入之浮点数精度 - 掘金
- JavaScript深入之头疼的类型转换(上) - 掘金
- JavaScript深入之从原型到原型链 · Issue #2 · mqyqingfeng/Blog
- JavaScript深入之词法作用域和动态作用域 · Issue #3 · mqyqingfeng/Blog
- JavaScript深入之执行上下文栈 · Issue #4 · mqyqingfeng/Blog
- JavaScript深入之变量对象 · Issue #5 · mqyqingfeng/Blog
- JavaScript深入之作用域链 · Issue #6 · mqyqingfeng/Blog
- JavaScript深入之从ECMAScript规范解读this · Issue #7 · mqyqingfeng/Blog
- JavaScript深入之执行上下文 · Issue #8 · mqyqingfeng/Blog
- JavaScript深入之闭包 · Issue #9 · mqyqingfeng/Blog
- JavaScript深入之参数按值传递 · Issue #10 · mqyqingfeng/Blog
- JavaScript深入之call和apply的模拟实现 · Issue #11 · mqyqingfeng/Blog
- JavaScript深入之bind的模拟实现 · Issue #12 · mqyqingfeng/Blog
- JavaScript深入之new的模拟实现 · Issue #13 · mqyqingfeng/Blog
- JavaScript深入之类数组对象与arguments · Issue #14 · mqyqingfeng/Blog
- JavaScript深入之创建对象的多种方式以及优缺点 · Issue #15 · mqyqingfeng/Blog
- JavaScript深入之继承的多种方式和优缺点 · Issue #16 · mqyqingfeng/Blog
- JavaScript深入系列15篇正式完结! · Issue #17 · mqyqingfeng/Blog
- JavaScript 深入之浮点数精度 · Issue #155 · mqyqingfeng/Blog
- JavaScript 深入之头疼的类型转换(上) · Issue #159 · mqyqingfeng/Blog
- JavaScript深入之头疼的类型转换(下) · Issue #164 · mqyqingfeng/Blog
《JavaScript专题》
- JavaScript专题之跟着underscore学防抖 - 掘金
- JavaScript专题之跟着 underscore 学节流 - 掘金
- JavaScript专题之数组去重 - 掘金
- JavaScript专题之类型判断(上) - 掘金
- JavaScript专题之类型判断(下) - 掘金
- JavaScript专题之深浅拷贝 - 掘金
- JavaScript 专题之从零实现 jQuery 的 extend - 掘金
- JavaScript 专题之如何求数组的最大值和最小值 - 掘金
- JavaScript 专题之数组扁平化 - 掘金
- JavaScript专题之学underscore在数组中查找指定元素 - 掘金
- JavaScript专题之jQuery通用遍历方法each的实现 - 掘金
- JavaScript 专题之如何判断两个对象相等 - 掘金
- JavaScript 专题之函数柯里化 - 掘金
- JavaScript 专题之偏函数 - 掘金
- JavaScript 专题之惰性函数 - 掘金
- JavaScript专题之函数组合 - 掘金
- JavaScript 专题之函数记忆 - 掘金
- JavaScript专题之递归 - 掘金
- JavaScript专题之乱序 - 掘金
- JavaScript专题之解读 v8 排序源码 - 掘金
- JavaScript专题系列20篇正式完结! - 掘金
- JavaScript专题之跟着underscore学防抖 · Issue #22 · mqyqingfeng/Blog
- JavaScript专题之跟着 underscore 学节流 · Issue #26 · mqyqingfeng/Blog
- JavaScript专题之数组去重 · Issue #27 · mqyqingfeng/Blog
- JavaScript专题之类型判断(上) · Issue #28 · mqyqingfeng/Blog
- JavaScript专题之类型判断(下) · Issue #30 · mqyqingfeng/Blog
- JavaScript专题之深浅拷贝 · Issue #32 · mqyqingfeng/Blog
- JavaScript专题之从零实现jQuery的extend · Issue #33 · mqyqingfeng/Blog
- JavaScript专题之如何求数组的最大值和最小值 · Issue #35 · mqyqingfeng/Blog
- JavaScript专题之数组扁平化 · Issue #36 · mqyqingfeng/Blog
- JavaScript专题之学underscore在数组中查找指定元素 · Issue #37 · mqyqingfeng/Blog
- JavaScript专题之jQuery通用遍历方法each的实现 · Issue #40 · mqyqingfeng/Blog
- JavaScript专题之如何判断两个对象相等 · Issue #41 · mqyqingfeng/Blog
- JavaScript专题之函数柯里化 · Issue #42 · mqyqingfeng/Blog
- JavaScript专题之偏函数 · Issue #43 · mqyqingfeng/Blog
- JavaScript专题之函数组合 · Issue #45 · mqyqingfeng/Blog
- JavaScript专题之函数记忆 · Issue #46 · mqyqingfeng/Blog
- JavaScript专题之递归 · Issue #49 · mqyqingfeng/Blog
- JavaScript专题之乱序 · Issue #51 · mqyqingfeng/Blog
- JavaScript专题之解读 v8 排序源码 · Issue #52 · mqyqingfeng/Blog
- JavaScript专题系列二十篇正式完结! · Issue #53 · mqyqingfeng/Blog
- JavaScript 专题之花式表示 26 个字母 · Issue #166 · mqyqingfeng/Blog
《JavaScript进阶》
- JavaScript进阶-执行上下文(理解执行上下文一篇就够了) - 掘金
- JavaScript进阶-执行上下文栈和变量对象(一周一更) - 掘金
- JavaScript进阶-内存空间详解(双十一过后的一更) - 掘金
- JavaScript进阶-内存机制(表情包初探) - 掘金
- JavaScript进阶-常见内存泄露及如何避免 - 掘金
《jsliang 求职系列》
- jsliang 2020 求职系列
- jsliang 求职系列 - 01 - JavaScript 基础
- jsliang 求职系列 - 02 - 原型与原型链
- jsliang 求职系列 - 03 - 闭包与柯里化
- jsliang 求职系列 - 04 - JavaScript 变量
- jsliang 求职系列 - 05 - this
- jsliang 求职系列 - 06 - Event Loop
- jsliang 求职系列 - 07 - Promise
- jsliang 求职系列 - 08 - 手写 Promise
- jsliang 求职系列 - 09 - 手写浅拷贝和深拷贝
- jsliang 求职系列 - 10 - 手写 call/apply/bind
- jsliang 求职系列 - 11 - 手写 new
- jsliang 求职系列 - 12 - 手写防抖和节流
- jsliang 求职系列 - 13 - JSONP
- jsliang 求职系列 - 14 - 手写源码大杂烩
- jsliang 求职系列 - 15 - 手写源码系列汇总
- jsliang 求职系列 - 16 - 从输入 URL 到页面呈现
- jsliang 求职系列 - 17 - 跨域
- jsliang 求职系列 - 18 - 本地存储
- jsliang 求职系列 - 19 - 垃圾回收
- jsliang 求职系列 - 20 - 浏览器缓存
- jsliang 求职系列 - 21 - 浏览器缓存
- jsliang 求职系列 - 22 - 回流和重绘
- jsliang 求职系列 - 23 - 性能优化
- jsliang 求职系列 - 24 - 浏览器系列汇总
- jsliang 求职系列 - 25 - 计算机网络基础
- jsliang 求职系列 - 26 - 网络安全
- jsliang 求职系列 - 27 - TCP
- jsliang 求职系列 - 28 - WebSocket
- jsliang 求职系列 - 29 - HTTP/HTTPS
- jsliang 求职系列 - 30 - 计算机网络系列汇总
- jsliang 求职系列 - 31 - Webpack
- jsliang 求职系列 - 32 - Webpack 简单实现
- jsliang 求职系列 - 33 - Webpack - Tree Shaking
- jsliang 求职系列 - 34 -Webpack 杂篇
- jsliang 求职系列 - 35 -Webpack 性能优化
- jsliang 求职系列 - 36 - 前端工程化系列总结
- jsliang 求职系列 - 37 - React - 虚拟 DOM
- jsliang 求职系列 - 38 - React 系列总结
- jsliang 求职系列 - 39 - HTML 系列总结
- jsliang 求职系列 - 40 - CSS 移动端
- jsliang 求职系列 - 41 - 盒子模型
- jsliang 求职系列 - 42 - CSS 基础
- jsliang 求职系列 - 43 - CSS 系列汇总
- jsliang 求职系列 - 44 - 算法系列汇总
- jsliang 求职系列 - 45 - 设计模式系列汇总
- jsliang 求职系列 - 46 - 简历
- jsliang 求职系列 - 47 - 2020 面试题汇总
- jsliang 求职系列 - 48 - 面试经验汇总
- jsliang 求职系列 - 49 - 2020 求职系列汇总【完结】
《原生JS灵魂之问》
- (建议收藏)原生JS灵魂之问, 请问你能接得住几个?(上)
- (建议精读)原生JS灵魂之问(中),检验自己是否真的熟悉JavaScript?
- (2.4w字,建议收藏)😇原生JS灵魂之问(下), 冲刺🚀进阶最后一公里(附个人成长经验分享)
《前端技术演进》
- 前端技术演进:参考文章 - 掘金
- 前端技术演进(二):前端与协议 - 掘金
- 前端技术演进(三):前端安全 - 掘金
- 前端技术演进(四):前端三层结构与应用 - 掘金
- 前端技术演进(五):现代前端交互框架 - 掘金
- 前端技术演进(六):前端项目与技术实践 - 掘金
- 前端技术演进(七):前端跨栈技术 - 掘金
- 前端技术演进(八):未来前端趋势 - 掘金
《学习源码整体架构系列》
- 学习 jQuery 源码整体架构,打造属于自己的 js 类库 - 掘金
- 学习 underscore 源码整体架构,打造属于自己的函数式编程类库 - 掘金
- 学习 lodash 源码整体架构,打造属于自己的函数式编程类库 - 掘金
- 学习 sentry 源码整体架构,打造属于自己的前端异常监控SDK - 掘金
- 学习 vuex 源码整体架构,打造属于自己的状态管理库 - 掘金
- 学习 axios 源码整体架构,打造属于自己的请求库 - 掘金
- 学习 koa 源码的整体架构,浅析koa洋葱模型原理和co原理 - 掘金
- lxchuan12/express-analysis: express-analysis
- lxchuan12/vue-router-analysis: vue-router-analysis
- lxchuan12/redux-analysis: redux-analysis
- lxchuan12/react-redux-analysis: react-redux-analysis
《从零冲击音视频开发》
- 【从零冲击音视频开发】音视频开发必备知识基础 - 掘金
- 【从零冲击音视频开发】移动环境搭建 - 掘金
- 【从零冲击音视频开发】FFmpeg的介绍和基本使用 - 掘金
《前端实战总结》
- 《前端实战总结》如何在不刷新页面的情况下改变URL - 掘金
- 《前端实战总结》之变量提升,函数声明提升及变量作用域详解 - 掘金
- 《前端实战总结》之使用postMessage实现可插拔的跨域聊天机器人 - 掘金
- 《前端实战总结》之设计模式的应用——备忘录模式 - 掘金
- 《前端实战总结》之使用pace.js为你的网站添加加载进度条 - 掘金
- 《前端实战总结》之使用CSS3实现酷炫的3D旋转透视 - 掘金
- 《前端实战总结》之迭代器模式的N+1种应用场景 - 掘金
- 《前端实战总结》之使用解释器模式实现获取元素Xpath路径的算法 - 掘金
- 《前端实战总结》之使用纯css实现网站换肤和焦点图切换动画 - 掘金
《进大厂连载》
- 进大厂连载 1/15:失败 4 次成功入职阿里巴巴 - 掘金
- 进大厂连载 2/15:神秘的阿里前端 P8 Offer 如何拿下 - 掘金
- 进大厂连载 3/15:如何借助 5 道算法题入职 Leetcode - 掘金
- 进大厂连载 4/15:如何拿下政采云 P6 前端 Offer - 掘金
- 进大厂连载 5/15:如何考察候选人的能力与潜力 - 掘金
- 进大厂连载 6/15:如何拿下蚂蚁金服 P6 的前端 Offer - 掘金
- 进大厂连载 7/15:蚂蚁金服如何面试候选人 - 掘金
- 进大厂连载 8/15:如何拿下淘宝 P6+ 前端 Offer - 掘金
- 进大厂连载 9/15:淘系技术部如何面试候选人 - 掘金
《重温基础》
- 【重温基础】1.语法和数据类型 - 掘金
- 【重温基础】2.流程控制和错误处理 - 掘金
- 【重温基础】3.循环和迭代 - 掘金
- 【重温基础】4.函数 - 掘金
- 【重温基础】5.表达式和运算符 - 掘金
- 【重温基础】6.数字 - 掘金
- 【重温基础】7.时间对象 - 掘金
- 【重温基础】8.字符串 - 掘金
- 【重温基础】9.正则表达式 - 掘金
- 【重温基础】10.数组 - 掘金
- 【重温基础】11.Map和Set对象 - 掘金
- 【重温基础】12.使用对象 - 掘金
- 【重温基础】13.迭代器和生成器 - 掘金
- 【重温基础】14.元编程 - 掘金
- 【重温基础】15.JS对象介绍 - 掘金
- 【重温基础】16.JSON对象介绍 - 掘金
- 【重温基础】17.WebAPI介绍 - 掘金
- 【重温基础】18.相等性判断 - 掘金
- 【重温基础】19.闭包 - 掘金
- 【重温基础】20.事件 - 掘金
- 【重温基础】21.高阶函数 - 掘金
- 【重温基础】22.内存管理 - 掘金
- 【重温基础】JS中的常用高阶函数介绍 - 掘金
- 【重温基础】instanceof运算符 - 掘金
《你不知道的JS系列》
- 你不知道的JS系列——全面解析this
- 你不知道的JS系列——你所忽略的细节
- 你不知道的JS系列——全面解析[[Prototype]]、prototype、constructor
- 你不知道的JS系列——深入继承
- 你不知道的JS系列——类型、值、强制类型转换
- 你不知道的JS系列——详谈语法
- 一些方法的模拟实现——Polyfill
- 你不知道的JS系列——异步和回调
- 你不知道的JS系列——深入理解Promise
- 你不知道的JS系列——关于生成器
- 你不知道的JS系列——了解 Web Worker
- 你不知道的JS系列——领略性能测试与调优
- 你不知道的JS系列——ES6 & Beyond
《前端知识体系》
- 前端知识体系(1)-js篇
- 前端知识体系(2)-vue篇
- 前端知识体系(3)-浏览器篇
- 前端知识体系(4)-js手写函数篇
《前端科普系列》
- 前端科普系列(1):前端简史
- 前端科普系列(2):Node.js 换个角度看世界
- 前端科普系列(3):CommonJS 不是前端却革命了前端
- 前端科普系列(4):Babel —— 把 ES6 送上天的通天塔
- 前端科普系列(5):ESLint - 守住优雅的护城河
《进阶》
- 【进阶1-1期】理解JavaScript 中的执行上下文和执行栈 - 掘金
- 【进阶1-2期】JavaScript深入之执行上下文栈和变量对象 - 掘金
- 【进阶1-3期】JavaScript深入之内存空间详细图解 - 掘金
- 【进阶1-4期】JavaScript深入之带你走进内存机制 - 掘金
- 【进阶1-5期】JavaScript深入之4类常见内存泄漏及如何避免 - 掘金
- 【进阶2-1期】深入浅出图解作用域链和闭包 - 掘金
- 【进阶2-2期】JavaScript深入之从作用域链理解闭包 - 掘金
- 【进阶2-3期】JavaScript深入之闭包面试题解 - 掘金
- 【进阶3-1期】JavaScript深入之史上最全--5种this绑定全面解析 - 掘金
- 【进阶3-2期】JavaScript深入之重新认识箭头函数的this - 掘金
- 【进阶3-3期】深度广度解析 call 和 apply 原理、使用场景及实现 - 掘金
- 【进阶3-4期】深度解析bind原理、使用场景及模拟实现 - 掘金
- 【进阶3-5期】深度解析 new 原理及模拟实现 - 掘金
- 【进阶4-1期】详细解析赋值、浅拷贝和深拷贝的区别 - 掘金
- 【进阶4-2期】Object.assign 原理及其实现 - 掘金
- 【进阶4-3期】面试题之如何实现一个深拷贝 - 掘金
- 【进阶4-4期】Lodash是如何实现深拷贝的 - 掘金
- 【进阶5-1期】重新认识构造函数、原型和原型链 - 掘金
- 前端常用插件、工具类库汇总,不要重复造轮子啦!!! - 掘金
- 2020年全网最火最全的前端导航(建议添加为书签) - 掘金
- 各种资源归档、(React、Vue) 持续更新... - 掘金
- 请查收,掘金前 1000 篇优质文章 - 掘金
- 掘金排行前5000大佬 | 掘金文章排行 看这里 - 掘金
- 掘金总点赞量前 5000 排行发布 | 掘金总关注量前 5000 排行(20190821) - 掘金
- 写给初中级前端的高级进阶指南(万字长文,更新性能优化路线)。 - 掘金
- 《吐血整理》系列 大厂前端组件库工具集合(PC端、移动端、JS、CSS等) - 掘金
- 🔥《吐血整理》系列 大厂前端必备工具集合(抓包、调试、Mock数据等等) - 掘金
- 什么是Web框架 - 前端 - 掘金
- 六月前端知识集锦(每月不可错过的文章集锦) - 掘金
- 一位前端 2018 绝地求生记 | 掘金年度征文 - 掘金
- 2019学习学到失恋但是还要继续|2019 与我的技术之路 - 掘金
- 前端进阶必备,github 优质资源整理分享! - 掘金
- 入门前端一周年总结-我是如何快速入门前端的知识分享 - 掘金
- 🚆新手前端不要慌! 给你✊10根救命稻草🍃 - 掘金
- 2019 前端之路 | 掘金年度征文 - 掘金
- 一名【合格】前端工程师的自检清单 - 掘金
- 【自检清单】JS基础-变量与类型 - 掘金
- 【自检清单】JS基础-原型与原型链 - 掘金
- 前端团队代码评审 CheckList 清单 - 掘金
- 【思维导图】前端开发-巩固你的JavaScript知识体系 - 掘金
- 年终回顾,为你汇总一份「前端技术清单」 - 掘金
- 真·程序员必修书单 - 掘金
- 前端开发中79条不可忽视的知识点汇总 - 掘金
- 让你瞬间提高工作效率的常用js函数汇总(持续更新) - 掘金
- 《javascript高级程序设计》核心知识总结 - 掘金
- JS 万字总结 重量级干货!!! - 掘金
- 前端人应该知道的网站和工具 - 掘金
- 肝完这份前端毒鸡汤,你就是赚到了(篇幅较长,建议收藏慢慢细品) - 掘金
- 前端必看的8个HTML+CSS技巧 - 掘金
- 想自学JS吗?想提升JS底层原理吗?76张脑图带你彻底搞懂原生JS - 掘金
- 8年前端开发的知识点沉淀(不知道会多少字,一直写下去吧...) - 掘金
- 一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧 - 掘金
- 大型项目前端架构浅谈(8000字原创) - 掘金
- 前端定级赛,你到底是青铜还是王者(前端进阶之路) - 掘金
- 【建议收藏】90%的前端都会踩的坑,你中了吗? - 掘金
- 勇闯28个关卡学会HTML与HTML5基础|FCC前端教程 - 掘金
- 勇闯44关深入浅出CSS基础之一 | FCC前端教程 - 掘金
- 【FCC前端教程】44关学习CSS与CSS3基础「二」 - 掘金
- WEB开发中40+高质量的免费资源【多图但值得一看】 - 掘金
- 前端代码篇总结
- 这些神仙代码库值得每一个前端开发者收藏
- 10分钟白嫖我的常用的在线工具网站清单
- 2020你应该知道的前端知识
- 19个前端开发人员的救生工具
- 最全JavaScript基础总结~建议收藏
- 「CSS深度指北」前端知识梳理之CSS篇(中秋国庆特别篇)
- 「JavaScript灵魂之问」前端知识梳理之 JS 篇(上篇)
- 1.2w字 | 初中级前端 JavaScript 自测清单 - 1
- 1.1w字 | 初中级前端 JavaScript 自测清单 - 2
- 前端进阶必经之路(一):1.2w字深入理解JavaScript26个核心概念
- 落魄前端,整理给自己的前端知识体系复习大纲(上篇)
- 落魄前端,整理给自己的前端知识体系复习大纲(下篇)
- 六脉神剑之核心脉——JS核心知识梳理
- 架构师的初级技能,选组件!(2020更新版)
- 学完这100多技术,能当架构师么?(非广告)
- 前端开发常用免费资源,显著提升工作效率
- JavaScript中常用的方法汇总
- 前端学习总结,经验分享,项目经验分享过程 | 掘金技术征文-双节特别篇
- 前端进阶系列(第1期):理解JavaScript数据类型 - 掘金
- 前端进阶系列(第2期):深入理解JavaScript数据类型转换 - 掘金
- 1.2w字 | 初中级前端 JavaScript 自测清单 - 1
- 1.1w字 | 初中级前端 JavaScript 自测清单 - 2
- 树酱的前端知识体系构建(上)
- 树酱的前端知识体系构建(下)
- 分享阿里前端p7架构图谱 - 掘金
- 2019 前端年度总结
- 【译】73个超棒且可提高生产力的 NPM 包🚀🌱
- 一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧
- 这些年滴滴开源的有趣项目,太牛了
- 前端基础知识大汇总(欢迎收藏)
《硬核JS》
- 「硬核JS」深入了解异步解决方案
- 「硬核JS」一次搞懂JS运行机制
- 「硬核JS」令你迷惑的位运算
- 「硬核JS」数字之美
#前端整理集--CSDN
- 前端组件库大合集-必备收藏 - 海沙 - CSDN博客
- 前端组件、插件汇总 - 听闻青春丶 - CSDN博客
- 前端组件库集合 - 卖女孩的小男孩 - CSDN博客
- 前端常用插件汇总 - cc蒲公英的博客 - CSDN博客
- 30组常用前端开发组件库,前端组件收集整理列表 - qq_21729177的博客 - CSDN博客
- 前端组件库大合集-必备收藏 - weixin_36944932的博客 - CSDN博客
- 前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先) - 断弦泉月 - CSDN博客
- (2条消息)130 个相见恨晚的超实用网站,一次性分享出来_网络_爪白白的个人博客-CSDN博客
- 前端开发应知网站(强烈推荐!)_吴迪网络工作室-CSDN博客
#前端整理集--简书
- JAVASCRIPT编入集 - 专题 - 简书
- CSS编入集 - 专题 - 简书
#前端整理集--SegmentFault 思否
《前端资源系列》
- 前端资源系列(1)-Git常用命令&设置快捷命令&小工作流 - xzavier - SegmentFault 思否
- 前端资源系列(2)-SublimeText快捷键大全 - xzavier - SegmentFault 思否
- 前端资源系列(3)-微信小程序开发资源汇总 - xzavier - SegmentFault 思否
- 前端资源系列(4)-前端学习资源分享&前端面试资源汇总 - xzavier - SegmentFault 思否
- 前端资源系列(5)-JavaScript奇味探索 - xzavier - SegmentFault 思否
- 前端阅读 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- js技术 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- 网页设计 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- 文章大杂烩 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- 库,组件,框架 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- 收藏夹 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- 新手入门 - 收藏集 - 掘金 - 掘金精选 - SegmentFault 思否
- 前端最实用书签(持续更新)_前端小而全的知识归纳 - SegmentFault 思否
- 【整理】前端学习笔记总结清单,应有尽有🍇🍈🍉🍊🍋_前端之路 - SegmentFault 思否
#前端整理集--知乎
- WEB前端知识总结 - 知乎
#前端整理集--博客园
《Javascript学习总结》
- JavaScript学习总结(一)——JavaScript基础 - 孤傲苍狼 - 博客园
- JavaScript学习总结(二)——逻辑Not运算符详解 - 孤傲苍狼 - 博客园
- JavaScript学习总结(三)——逻辑And运算符详解 - 孤傲苍狼 - 博客园
- JavaScript学习总结(四)——逻辑OR运算符详解 - 孤傲苍狼 - 博客园
- JavaScript学习总结(五)——Javascript中==和===的区别 - 孤傲苍狼 - 博客园
- JavaScript学习总结(六)——JavaScript判断数据类型总结 - 孤傲苍狼 - 博客园
- JavaScript学习总结(七)——JavaScript函数(function) - 孤傲苍狼 - 博客园
- JavaScript学习总结(八)——JavaScript数组 - 孤傲苍狼 - 博客园
- JavaScript学习总结(九)——Javascript面向(基于)对象编程 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十)——this关键字 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十一)——Object类详解 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十二)——JavaScript编写类 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十三)——极简主义法编写JavaScript类 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十四)——JavaScript编写类的扩展方法 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十五)——Function类 - 孤傲苍狼 - 博客园
- JavaScript学习总结(十六)——Javascript闭包(Closure) - 孤傲苍狼 - 博客园
- JavaScript学习总结(十七)——Javascript原型链的原理 - 孤傲苍狼 - 博客园
- JavaScript学习总结(二十)——Javascript非构造函数的继承 - 孤傲苍狼 - 博客园
《一统江湖的大前端》
- 一统江湖的大前端(1)——PPT制作库impress.js - 大史不说话 - 博客园
- 一统江湖的大前端(2)—— Mock.js + Node.js 如何与后端潇洒分手 - 大史不说话 - 博客园
- 一统江湖的大前端(3) DOClever——你的postman有点low - 大史不说话 - 博客园
- 一统江湖的大前端(4)shell.js——穿上马甲我照样认识你 - 大史不说话 - 博客园
- 一统江湖的大前端(5)editorconfig + eslint——你的代码里藏着你的优雅 - 大史不说话 - 博客园
- 一统江湖的大前端(6)commander.js + inquirer.js——懒,才是第一生产力 - 大史不说话 - 博客园
- 一统江湖的大前端(7)React.js-从开发者到工程师 - 大史不说话 - 博客园
- JavaScript - 随笔分类 - 梦想天空(山边小溪) - 博客园
- 前端UI框架小汇总 - PC.aaron - 博客园
- 前端组件库大合集-必备收藏 - web_liu - 博客园
- 『录』最全前端资源汇集 - Percy宣森 - 博客园
- Web 开发精华文章集锦(jQuery、HTML5、CSS3)【系列二十七】 - 梦想天空(山边小溪) - 博客园
- 2019年Web前端最新导航(常见前端框架、前端大牛) - 千古壹号 - 博客园
- 12个实用的 JavaScript 框架分享给前端开发者 - 梦想天空(山边小溪) - 博客园
- 可以作为你的候选的12个很赞的移动开发框架 - 梦想天空(山边小溪) - 博客园
- 推荐15个很优秀的跨平台的移动开发工具 - 梦想天空(山边小溪) - 博客园
- 12个新潮的 HTML5 & CSS3 网站设计欣赏 - 梦想天空(山边小溪) - 博客园
- 学习响应式设计的15个优秀网页作品 - 梦想天空(山边小溪) - 博客园
- 20款 JavaScript 开发框架推荐给前端开发者 - 梦想天空(山边小溪) - 博客园
- 12款简化 Web 开发的 JavaScript 开发框架 - 梦想天空(山边小溪) - 博客园
- 20个令人称赞的以办公环境为背景的网站作品 - 梦想天空(山边小溪) - 博客园
- 2017年最新20个轻量的 JavaScript 库和插件 - 梦想天空(山边小溪) - 博客园
- 20款高质量的 HTML5 网站模板【免费下载】 - 梦想天空(山边小溪) - 博客园
- 15款值得开发者一试的最新的前端框架 - 梦想天空(山边小溪) - 博客园
- 12款界面精美的 HTML5 & CSS3 网站模板 - 梦想天空(山边小溪) - 博客园
- 分享最新15个加速 Web 开发的框架和工具 - 梦想天空(山边小溪) - 博客园
#前端整理集--哔哩哔哩
#前端整理集--语雀
- Web 技术周刊 · 语雀
#前端整理集--微信
《127个常用的JS代码片段,每段代码花30秒就能看懂》
- 127个常用的JS代码片段,每段代码花30秒就能看懂(上)
- 127个常用的JS代码片段,每段代码花30秒就能看懂(中)
- 127个常用的JS代码片段,每段代码花30秒就能看懂(下)
- #AI
- #AI测试
- #AI算法
- #TensorFlow
- #UI组件
- #WACV
- #转转实践
- #组件
- #架构
- #前端
- #后端
- #开发
- #优化
- #低代码
- #开发效率
- #方法论
- #互动
- #自动化
- #开源
- #微服务
- #平台架构
- #AI模型
- #深度学习
- #推荐
- #平台
- 前端高效开发框架技术(疫情会不会大暴发 听听钟南山怎么说)
- 成为优秀程序员的101条准则
- 19个JS超有用的简写技巧
- 【送书】GitHub 上值得收藏的100个精选前端项目!
- 【汇总】前端自习课 - 原创系列汇总
- #Node.js
- 一份【超级全面】的前端工程师的自检清单
- #Web宝藏
《美团点评2018技术年货》
- 互联网企业数据安全体系建设 - 美团技术团队
- 互联网企业数据安全体系建设 - 美团技术团队
- 互联网企业数据安全体系建设 - 美团技术团队
- 互联网企业数据安全体系建设 - 美团技术团队
- 互联网企业数据安全体系建设 - 美团技术团队
- 互联网企业数据安全体系建设 - 美团技术团队
- 互联网企业数据安全体系建设 - 美团技术团队
- 73 Awesome NPM Packages for Productivity 🚀🌱 - DEV Community
- Open Source | DocumentCloud
- Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
- Raneto - A free, open, simple Markdown powered Knowledgebase for Nodejs
- 在线API文档
- 15 个 JavaScript Web UI 库-大前端
- 『引』最全前端资源汇集 | 晚晴幽草轩
- 『优质』前端频道汇聚 | 晚晴幽草轩
- 与时俱进版前端资源教程 | 晚晴幽草轩
- 现代前端开发路线图:从零开始,一步步成为前端工程师_36氪
- 前端组件库大合集-必备收藏 - 轩枫阁 – 前端开发 | web前端技术博客
- 国外优秀Web前端UI库大全
- Github 前端收藏夹 - M.M.F 小屋
¥大前端 FAQ
¥最全前端资源汇总
¥Angularjs
- dolymood/AngularLearning: Angular.js 的一些学习资源
- Angularlearning by dolymood
- AngularJS 源码分析2 - feenan - 博客园
- ww1.ifeenan.com
- Angular directives for Bootstrap
- angular-ui/bootstrap: PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitti
- Nodejs+express+angularjs+mongodb搭建前端项目框架NJBlog - CNode技术社区
- mz121star (Jarrick)
- 使用AngularJS构建大型Web应用
- AngularJS 最佳实践 – 尘埃落定
- Pasvaz/bindonce: Zero watches binding for AngularJs
- AngularUI
- AngularUI for AngularJS
- EmberJS vs AngularJS : performance testing | Void Canvas
- 带你走近AngularJS - 基本功能介绍 - 葡萄城技术团队 - 博客园
- Angularjs学习---官方phonecat实例学习angularjs step0 step1 - Hi_Amos - 博客园
- AngularJS: Tutorial: Tutorial
- jmcunningham/AngularJS-Learning: A bunch of links to blog posts, articles, videos, etc for learning AngularJS
- opitzconsulting/jquery-mobile-angular-adapter: jquery mobile angular adapter
- AngularStrap - AngularJS 1.2+ native directives for Twitter Bootstrap 3.
- 【每日一博】整合jQuery Mobile+AngularJS经验谈 - 推酷
- 有jQuery背景,该如何用AngularJS编程思想? - 文章 - 伯乐在线
- AngularJs 在线教程 入门教程 开发指南 学习笔记 基础教程 angular在线
- AngularJS学习笔记 - YS.Zou
¥CSS3(CSS)
- CSS Reference | Codrops
- csswizardry/CSS-Guidelines: High-level guidelines for writing manageable, maintainable CSS
- CSS Guidelines (2.2.5) – High-level advice and guidelines for writing sane, manageable, scalable CSS
- chadluo/CSS-Guidelines: a zh-CN translation
- CSS小工具
- 全局CSS的终结(狗带) [译] | AlloyTeam
- Browserhacks
¥Chrome
- Chrome 开发者工具 | Tools for Web Developers | Google Developers
- Chrome开发者工具不完全指南(一、基础功能篇) - 卖烧烤夫斯基 - 博客园
- Chrome开发者工具不完全指南(二、进阶篇) - 卖烧烤夫斯基 - 博客园
- Chrome开发者工具不完全指南:(三、性能篇) - 卖烧烤夫斯基 - 博客园
- Chrome开发者工具不完全指南(四、性能进阶篇) - 卖烧烤夫斯基 - 博客园
- Chrome开发者工具不完全指南(五、移动篇) - 卖烧烤夫斯基 - 博客园
- chrome使用技巧(看了定不让你失望) - 静逸 - 博客园
- Chrome 控制台不完全指南 - 刘哇勇 - 博客园
- Console API Reference | Tools for Web Developers | Google Developers
- 通过 Chrome Workspace 调试本地项目 | 小影志
- 分析chrome中的network面板 - 没事瞎琢磨 - 前端乱炖
- Chrome Devtools Cheatsheet
- chrome调试工具常用功能整理 - 前端开发工具 - 前端乱炖
- Chrome神器Vimium快捷键学习记录 - 我的编程乐园 - C++博客
- 如何更专业的使用Chrome开发者工具_tools, DevTools 教程_w3cplus
- 使用Chrome DevTools的Timeline和Profiles提高Web应用程序的性能 - OSCHINA
- 使用 Chrome DevTools 中的 Device Mode 模拟移动设备 | Tools for Web Developers
- 作为Web开发人员,我为什么喜欢Google Chrome浏览器 - Q.Lee.lulu - 博客园
- Console Utilities API Reference | Tools for Web Developers
- 查看html元素绑定的事件与方法的利器 - coderidea - 博客园
- 神器——Chrome开发者工具(一) - Just For Fun - SegmentFault 思否
- 文章 - chrome 开发者工具的 15 个小技巧 - FED社区
- Chrome开发者工具不完全指南 - 学前端|互联网|H5零基础 | 培训 | 网校 | 在线学习 | 包就业 | H5岗位紧缺 | HTML5 | 学编程 | 學編程 |交互设计 | 原型设计 | JS | JQuery | BootStrap | CSS3 | 互联网+ | 产品经
- Chrome 开发者工具使用技巧 - 王铁手的博客 - SegmentFault 思否
¥Date library
- 魔鬼程序员内容模板
- datejs/Datejs: A JavaScript Date and Time Library
- Sugar - Home
¥D3
- Tutorials · d3/d3 Wiki
- Gallery · d3/d3 Wiki
- d3.js 学习资源 - alanland - ITeye博客
- D3.js -- JavaScript 标准参考教程(alpha)
- NVD3
¥Ecmascript
- Read Understanding ECMAScript 6 | Leanpub
- es6-org/exploring-es6: 《 Exploring ES6 》的翻译,可以在此处阅读最新的翻译:
- 探索 ES6
- JavaScript 标准参考教程(alpha) -- JavaScript 标准参考教程(alpha)
- ECMAScript5.1中文版 + ECMAScript3 + ECMAScript(合集)
- Annotated ES5
¥Fis
- F.I.S -前端工具框架
- fex-team/fis: Front-end Integrated Solution - 前端集成解决方案, 最新版请进入 FIS3 https://github.com/fex-team/fis3
¥Fiddler
- Fiddler调式使用知多少(一)深入研究 - 龙恩0707 - 博客园
- 移动开发中Fiddler的那些事儿 - 咖啡机(K.F.J) - 博客园
- [微信开发利器]微信内移动前端开发抓包调试工具fiddler使用教程 - 猿资猿味
¥Firebug
- WEB调试工具-Firebug-慕课网
- WebIDE - Firefox 开发者工具 | MDN
- Firebug入门指南 - 阮一峰的网络日志
- Firebug控制台详解 - 阮一峰的网络日志
¥Git
- Git
- Git for Windows
- GitHub 添加 SSH keys
- Learn Git Branching
- xirong/my-git: Individual collecting material of learning git(有关 git 的学习资料)
- my-git/git-workflow-tutorial.md at master · xirong/my-git
- GitHub 漫游指南 – GitHub 漫游指南
- github-cheat-sheet/README.zh-cn.md at master · tiimgreen/github-cheat-sheet
- Explain Git with D3
¥Gulp
- gulp.js - The streaming build system
- Platform-CUF/use-gulp: gulp资料收集
- Gulp:任务自动管理工具 -- JavaScript 标准参考教程(alpha)
- CUF_meeting_knowledge_share/2015-8-17/bower-dependence-inject at master · hjzheng/CUF_meeting_knowledge_share
- 2015-5-30 使用gulp · Issue #33 · hjzheng/CUF_meeting_knowledge_share
- Gulp安装及配合组件构建前端开发一体化 | DBPOO'S BLOG
- onface/gulp-book: Gulp 入门指南
- 《Gulp 入门指南》- 前言 · Issue #19 · onface/blog
- Gulp开发教程(翻译) - w3ctech
- How To Build And Develop Websites With Gulp — Smashing Magazine
- 前端构建工具gulpjs的使用介绍及技巧 - 无双 - 博客园
- contra/glob2base: Extracts a base path from a node-glob instance
¥Grunt
- Grunt: The JavaScript Task Runner
- Grunt: JavaScript 世界的构建工具 | Grunt 中文网
¥HTML5(HTML)
- 深入理解HTML5标签 - iLeox Notes - SegmentFault 思否
- 如何写出高效率的HTML - iLeox Notes - SegmentFault 思否
- High performance HTML | Sam Dutton’s blog
- HTML meta标签总结与属性使用介绍 - Lxxyx的开发笔记 - SegmentFault 思否
- 戏说HTML5 - 木的树 - 博客园
¥iconfont
- 中文字体有类似google fonts这样的网站么? - 知乎
- Iconfont-阿里巴巴矢量图标库
- UX图标字体库 - 阿里妈妈MUX
- icomoon « 搜索结果 « 张鑫旭-鑫空间-鑫生活
¥iOS Simulator
- https://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary/
¥Image
- Preloaders.net - Circular (Spinners) loading GIF, SVG & APNG animations (AJAX loaders)
- 智图_图片压缩在线工具_在线制作webp
- TinyPNG – Compress PNG images while preserving transparency
- Image Upload - SM.MS - Simple Free Image Hosting
- 抖音KOL数据,网红排行榜
- 图床 - Qchan图床
¥jQuery
- jQuery API 中文文档 | jQuery 中文网
- jQuery(selector,context)函数参数含义 - Acmera-播客分享 - CSDN博客
- jQuery源码分析之jQuery(selector,context)详解 - 高山上的鱼 - CSDN博客
- jQuery 核心函数:jQuery([selector,[context]])最基础的函数 - theowl的专栏 - CSDN博客
- .on() | jQuery API中文文档(适用jQuery 1.0 - jQuery 3.3.1)
- jQuery UI API中文文档(适用jQuery UI 1.12.1)
- jQuery Learning Center
- Web前端资源汇总 - 计划 - 博客园
¥Less,sass
- Sass世界上最成熟、稳定和强大的CSS扩展语言 | Sass中文网
- Sass: Syntactically Awesome Style Sheets | Sass 中文文档
- 快速入门 | Less.js 中文文档
¥Markdown
- Learning-Markdown/README.md at master · LearnShare/Learning-Markdown
- mditor 一款轻量级的markdown编辑器
- bh-lay/mditor: 一款轻量级的markdown编辑器 ediotor for markdown
- lepture/editor: A markdown editor. http://lab.lepture.com/editor/
- Editor
- Just lepture
- jbt/markdown-editor: Live (Github-flavored) Markdown Editor
- New Document
¥Node.js
- alsotang/node-lessons: 《Node.js 包教不包会》 by alsotang
- 小撸
- 【NodeJS 学习笔记04】新闻发布系统 - 叶小钗 - 博客园
- 过年7天乐,学nodejs 也快乐 - 互联网Fans - 博客园
- nqdeng/7-days-nodejs: 七天学会NodeJS
- 七天学会NodeJS
- Nodejs学习笔记(二)--- 事件模块 - porschev - 博客园
- Node.js入门 - M守护神 - 博客园
- zensh/jsgen: [DEPRECATED]JsGen is a next generation,free, open source web software that you can generate a powerful website, such as blog, forum, etc. It is coded by pure JavaScript, based on Node.js, AngularJS, MongoDB.
- 从零开始nodejs系列文章 | 粉丝日志
- Understanding the node.js event loop
- Node入门 » 一本全面的Node.js教程
- OurJS-免费开源的博客引擎,论坛系统,网站模板和轻量级的CMS - OurJS
- Node初学者入门,一本全面的NodeJS教程 - OurJS
- NodeJS的代码调试和性能调优 | 小胡子哥的个人网站
- The Node Beginner Book - A comprehensive Node.js tutorial
- 叶小钗 - 博客园
¥React
- React 中文
- Getting Started – React
- The world's most popular React UI framework - Material-UI
- Touchstone JS – What’s Coming for This UI Framework
- React 入门实例教程 - 阮一峰的网络日志
- React Native官方文档中文版_React Native中文教程_React Native开发中文手册[PDF]下载-极客学院Wiki
- Webpack 和 React 小书 - fakefish - 前端乱炖
- 介绍 | React Webpack 小书
- Webpack,101入门体验 - webpack - 前端乱炖
- webpack入门教程 - 学习笔记 - 前端乱炖
- 基于webpack搭建前端工程解决方案探索 - dmyang - SegmentFault 思否
¥Requriejs
- Javascript模块化编程(一):模块的写法 - 阮一峰的网络日志
- Javascript模块化编程(三):require.js的用法 - 阮一峰的网络日志
- RequireJS入门(一) - snandy - 博客园
- RequireJS入门(二) - snandy - 博客园
- RequireJS进阶(三) - snandy - 博客园
- 【requireJS源码学习01】了解整个requireJS的结构 - 叶小钗 - 博客园
- RequireJS学习笔记 - 叶小钗 - 博客园
- Why SeaJS
- RequireJS与Backbone简单整合 - 叶小钗 - 博客园
¥seajs
- Why SeaJS
¥UI相关
- 拼图Pintuer-跨屏响应式布局前端开发CSS框架
- GotGitHub — GotGitHub
¥UI方案
- Sencha Ext JS - Sencha.com | Sencha.com
- Ext JS 4.0.7 - Sencha Docs
- 简单实用国产jQuery UI框架 - DWZ富客户端框架(J-UI.com)
- MUI-最接近原生APP体验的高性能前端框架
- SUI Mobile
- KISSY - A Powerful JavaScript Framework
- Kendo UI MVVM Demo
- YUI Library
- atizo/smartui: Smart User Interfaces
¥Vue
- Vue 入门指南 - 【艾伦】 - 博客园
- Vue.js 的一些资源索引 - 题叶 - SegmentFault 思否
¥前端知识综合类
- WEB大前端工程师路径图的标题_职业路径图_IT职业在线教育平台_极客学院
- 前端知识体系 - naniJser - 博客园
- JacksonTian/fks: 前端技能汇总 Frontend Knowledge Structure
- FKS Documentation
- unruledboy/WebFrontEndStack: web front end stack: browsers, platforms, libraries, frameworks, tools etc.
- Web前端开发大系概览 (前端开发技术栈) - 灵感之源 - 博客园
- free-programming-books | :books: Freely available programming books
- dypsilon/frontend-dev-bookmarks: Manually curated collection of resources for frontend web developers.
- 前端开发者手册 · Front-end Developer HandBook
- nieweidong/fetool: 大前端的瑞士军刀,只记录有用的。
- Introduction · 前端开发笔记本
- li-xinyang/FE_Note: 📒 Front-end Development Notebook From Start to Finish! (Simplified Chinese)
- icepy/Front-End-Develop-Guide: 💰 Awesome The Front End Develop Guide:这份指南汇集了前端开发所使用语言的主流学习资源,并以开发者的视角进行整理编排而成。
- AlloyTeam/Mars: 腾讯移动 Web 前端知识库
- 第 1 章: 我们在做什么? · JS 函数式编程指南
- JavaScript中的this陷阱的最全收集--没有之一 - Web开发手记 - SegmentFault 思否
- 麻省理工学院公开课:计算机科学及编程导论_全24集_网易公开课
¥前端入门类
- 1. web前端开发分享-css,js入门篇 - 豪情 - 博客园
- 2. web前端开发分享-css,js进阶篇 - 豪情 - 博客园
- 3. web前端开发分享-css,js提高篇 - 豪情 - 博客园
- 4. web前端开发分享-css,js工具篇 - 豪情 - 博客园
- 5. web前端开发分享-css,js深化篇 - 豪情 - 博客园
- 6. web前端开发分享-css,js移动篇 - 豪情 - 博客园
- 前端工程师必备的PS技能—切图篇-慕课网
- qiu-deqing/FE-learning: 结合个人经历总结的前端入门方法
¥前端开发工具类
- 新编码神器Atom使用纪要 | 晚晴幽草轩
- CSS Sprite(精灵图)雪碧图用法视频教程-慕课网
- 版本控制入门–搬进 Github-慕课网
- 前端自动化工具Grunt-beginner使用教程-慕课网
- judasn/IntelliJ-IDEA-Tutorial: IntelliJ IDEA 简体中文专题教程
- Atom
- Visual Studio Code - Code Editing. Redefined
¥前端常用综合搜索平台
- jobbole/awesome-javascript-cn: JavaScript 资源大全中文版,内容包括:包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等
- 100+ 超全的web开发工具和资源 – 稀土区
- Zoommy - more than 130 000 free photos in one place
- Beautiful Free Images & Pictures | Unsplash
- Pinterest
- New Old Stock
- 花瓣网_陪你做生活的设计师(发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品、设计/创意灵感等)
- 摄图网-正版高清图片免费下载_商用设计素材图库
- Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!
- xuefengnice/MoreSearch: 猫搜源代码。旨在聚合搜索引擎结果,提高搜索效率。
- plainjs.com
¥团队Blog|周报类
- 极客学院Wiki - IT 技术图文教程库
- 奇舞周刊
- WEB前端开发-专注前端开发,关注用户体验
- Js Tips - A JavaScript tip per day!
- Web开发 | AlloyTeam
- PaicHyperionDev/MobileDevWeekly: 平安金融科技移动开发周报
¥开发中心
- Chrome APIs - Google Chrome
- Resources - Safari - Apple Developer
- JavaScript Version Information - Microsoft Edge Development | Microsoft Docs
- Sanshi.me
- JavaScript 秘密花园
- W3Help - 兼容性 - 知识库
¥综合API
- JavaScripting.com - The Database of JavaScript Libraries
- 菜鸟教程 - 学的不仅是技术,更是梦想!
- 在线API文档
- DevDocs API Documentation
¥移动端API
- jtyjty99999/mobileTech: A useful tools or tips list for mobile web application developing
- 移动前端的一些坑和解决方法(外观表现)-前端开发博客
- 【原】移动web资源整理 - 白树 - 博客园
- Issues · maxzhang/maxzhang.github.com
- hoosin/mobile-web-favorites: This is a favorites, with a mobile web tips.
¥兼容性
- ECMAScript 6 compatibility table
- W3C CSS 验证服务
- Can I use... Support tables for HTML5, CSS3, etc
- CSS Properties & Selectors | CSS Creator
- CSS 兼容性和 Internet Explorer | Microsoft Docs
- Responsinator
¥其它API
- HTTP API 设计指南 - SegmentFault 思否
- nice Validator 示例,jQuery智能表单验证
- 标签: underscore | 亚里士朱德的博客
- SVG 参考手册
- AI to SVG - Convert your AI to SVG for Free Online
¥图表类
- Highcharts JS API Reference
- ECharts
- 开发 | 高德地图API
- Home
¥正则
- JS正则表达式元字符 - 小弟调调 - SegmentFault 思否
- 正则表达式30分钟入门教程
- Regester - 正则表达式测试工具
- developer.mozilla.org
- RegExp对象 -- JavaScript 标准参考教程(alpha)
- 进阶正则表达式 - Div.IO
- Regexper
¥前端规范
- Code Guide by @AlloyTeam
- 编码规范 by @mdo
- 关于团队合作的css命名规范 | AlloyTeam
- Max Yu
- 前端编码规范之JavaScript - Barret Lee - 博客园
- yuche/javascript: Airbnb JavaScript 编码规范
- AMD规范与CMD规范的区别 - 龙恩0707 - 博客园
- KISSY 源码规范 — KISSY v1.4 Documentation
- 前端代码规范 及 最佳实践 - 文章 - 伯乐在线
- 前端代码规范 及 最佳实践 | Isobar
- ISOBAR Front-end Code Standards & Best Practices | Isobar
- JavaScript 风格指南/编码规范(Airbnb公司版) - 文章 - 伯乐在线
- 规范 - NEC : 更好的CSS样式解决方案
- starriness/es6-coding-style: ECMAScript 2015 编码规范--广发证券前端团队
¥各大公司开源项目
- FEX - FEX
- EFE Tech - 百度EFE(Excellent FrontEnd)技术体系
- Baidu FEX team
- AlloyTeam|腾讯全端 AlloyTeam 团队
- 腾讯 Web 前端团队 - AlloyTeam
- dntzhang/cax: HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎
- AlloyDesigner——For Fast Web Development
- AEditor
- fenbility/weekly-feed: 推荐的一些值得订阅的Weekly
- 奇舞团开源项目
- Qunar UED
- H5交互页编辑器AEditor介绍 | AlloyTeam
¥常用
- hotoo/pinyin: 汉字拼音 ➜ hàn zì pīn yīn
- pinyin - 汉字拼音转换工具。
- Virtual Keyboard
- zhangxinxu/ieBetter.js: make ie browser like a morden browser main for ie6~ie8,
- ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性 « 张鑫旭-鑫空间-鑫生活
¥算法
- Ralph-Wang/algorithm.in.js: 数据结构与算法 JavaScript 描述. 章节练习
- twobin/twobinSort: 常见排序算法(JS版)
- jsAgm/sort.js at master · luofei2011/jsAgm
- hechangmin/jssort: 常见排序算法-js版本
- lightningtgc/JavaScript-Algorithms: JS算法 数据结构 精华集
¥移动端
- ftlabs/fastclick: Polyfill to remove click delays on browsers with touch UIs
- mmastrac/jquery-noclickdelay: Removes the 300ms click delay from iOS webviews
- 【敏捷开发】Android团队开发规范 - Leo.cheng - 博客园
- 【译】[干货] Android 开发规范与应用 - 简书
- ychow/ionic-guide: Ionic 中文指南
¥焦点图
- koen301/myfocus: myFocus JavaScript Library
- myFocus官方演示站
- SuperSlide | TouchSlide 官方网站 大话主席
¥页面 社会化 分享功能
- 百度分享,为您带来更多流量 - 百度分享
- 百度分享平台-服务详情-百度开发者中心
- Mob官网 - 全球领先的移动开发者服务平台
- 开发者中心
¥富文本编辑器
- UEditor - 首页
- 在线HTML编辑器
- 微型、开源的Bootstrap所见即所得(WYSIWYG)富文本编辑器 -- 由MindMup贡献
- mindmup/bootstrap-wysiwyg: Tiny bootstrap-compatible WISWYG rich text editor
- Bach's Editor
- mycolorway/simditor: An Easy and Fast WYSIWYG Editor
- Squire
- neilj/Squire: HTML5 rich text editor. Try the demo integration at
- Quill - Your powerful rich text editor
- quilljs/quill: Quill is a modern WYSIWYG editor built for compatibility and extensibility.
- wangfupeng1988/wangEditor: wangEditor —— 轻量级web富文本框
- wangEditor - 轻量级web富文本编辑器
¥前端概述
- 前端工程——基础篇 · Issue #10 · fouber/blog
- [译] 前端攻略-从路人甲到英雄无敌 - 某熊的全栈之路 - SegmentFault 思否
- From Zero to Front-end Hero (Part 1) – freeCodeCamp.org
¥文件上传
- Web Uploader
- elemefe.github.io/image-cropper/
¥图轮
- Swiper - Most Modern Mobile Touch Slider
- peunzhang/fullpage: For desktop(ie5.5+) or mobile webApp without jQuery,create full screen pages fast and simple.
- qiqiboy/touchslider: TouchSlider是一个轻量级的javascript组件,设计的目的是提供一个可以方便实现全平台(PC及移动端触摸界面)的幻灯slider效果。
- peunzhang/slip.js: 移动端跟随手指滑动组件,零依赖。
- peunzhang/iSlider: Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
- saw/touch-interfaces: Building Touch Interfaces with HTML5 - Code Listings
- Tiny Circleslider: A lightweight cross browser circular carousel.
- TouchSlider — JavaScript slide content
- Swiper演示 - Swiper中文网
- hahnzhu/parallax.js: 滚动视差效果封装,便于快速调用实现
- yanhaijing/zepto.fullpage: 专注于移动端的fullPage.js
- Luke's Blog
- JefferyWang/nativeShare.js: 一个在手机网页端可以直接调用原生分享的js
- 聊聊移动端跨平台开发的各种技术 - FEX
- NiceSlider - A Lightweight Touch Slider
- Slideout.js - A touch slideout navigation menu for your mobile web apps.
- Mango/slideout: A touch slideout navigation menu for your mobile web apps.
¥移动端图轮
- [WebApp]定宽网页设计下,固定宽度布局开发WebApp并实现多终端下WebApp布局自适应 - plums - 博客园
- NiceSlider - A Lightweight Touch Slider
¥模拟select
- selectbox
- rmm5t/jquery-flexselect: A jQuery plugin that turns regular select boxes into Quicksilver-like, flex-matching, incremental-finding controls.
¥取色插件
- jQuery颜色选取器插件COLPICK
- jquery/jquery-color: jQuery plugin for color manipulation and animation support.
- jQuery颜色选择插件 - 开源软件 - OSCHINA
- mattfarina/farbtastic: jQuery Color Wheel
¥城市联动
- 第74款插件:jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果 – 爱上JQuery
¥剪贴板
- zeroclipboard/zeroclipboard: The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface.
- ZeroClipboard v2.x
¥繁简转换
- BYVoid/OpenCC: A project for conversion between Traditional and Simplified Chinese
¥表格 Grid
- opensource.facebook.com
- Handsontable | JavaScript Data Grid Component For Web Apps
- Bootstrap Table · An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation)
¥在线演示
- JS Bin - Collaborative JavaScript Debugging
- jsfiddle.net
- Ideone.com - Online Compiler and IDE >> C/C++, Java, PHP, Python, Perl and 40+ other compilers and interpreters
- 创建新代码 | JShare
- JSDM
- SQL Fiddle
- Mozilla 打造的 Thimble - 一个在线代码编辑器,适合学习和教育工作者。
- CodePlex Archive
- CodeProject - For those who code
- Learn, Code and Share on Tutorialzine
¥常规优化
- Javascript高性能动画与页面渲染
- 给网页设计师和前端开发者看的前端性能优化 - 优设网 - UISDC
- YSLOW 中文文摘 - YSLOW 中文介绍 - 博客园
- 转一篇Yahoo关于网站性能优化的文章,兼谈本站要做的优化 - 文章 | 360ITO技术社区 360ito.com
- Yahoo!团队实践分享:网站性能优化的34条黄金守则(一)—内容
- 网站性能优化指南:什么使我们的网站变慢? | 加速乐's Blog_Jiasule.com
- 网站性能优化实践,减少加载时间,提高用户体验 - 动易软件
- 【高性能前端1】高性能HTML | AlloyTeam
- 【高性能前端2】高性能CSS | AlloyTeam
- 由12306.cn谈谈网站性能技术 | | 酷 壳 - CoolShell
- 毫秒必争,前端网页性能最佳实践 - 微软互联网开发支持 - 博客园
- Best Practices for Speeding Up Your Web Site - Yahoo Developer Network
- 网站性能工具Yslow的使用方法_米启点-前端开发_新浪博客
- 前端工程精粹(一):静态资源版本更新与缓存
- 前端工程精粹(二):静态资源管理与模板框架
- HTTPS连接的前几毫秒发生了什么 - 文章 - 伯乐在线
- Yslow
- YUISlide,针对移动设备的动画性能优化
- 让网站提速的最佳前端实践 - 我的技术博客 - SegmentFault 思否
- Website Loading Speed | Website Optimization
- Need for Speed – How to Improve your Website Performance · Devbridge
- 阿里无线前端性能优化指南 (Pt.1 加载期优化) · Issue #1 · amfe/article
- amfe/amfe-appear: 可视区域懒加载组件
- amfe/ml: 无线前端库
¥优化工具
- JavaScript 性能分析新工具 OneProfile - OneAPM技术博客 - 前端乱炖
- JavaScript 堆内存分析新工具 OneHeap - OneAPM技术博客 - 前端乱炖
¥在线工具
- developers.google.com
- HTML/CSS/Javascript在线代码运行工具 | 菜鸟教程
- 代码在线运行 - 在线工具
¥前端架构
- 技术架构 - 知乎
- 如何成为前端架构师? - 知乎
- 百度腾讯offer比较(腾讯游戏VS百度基础架构)? - 知乎
¥推荐作品
- gist.github.com
- 实例索引
- hongru/hongru.github.com: hongru.github.com
- 米空格
- 一些写过的作品 - Laoshu133.com
- Koen's Project
- SeaJS 组件库
- 颜海镜的项目
- javascript个人作品 - A JavaScript Fancier - IT博客
- 【妙味课堂】我用 JavaScript 写游戏之 -- 雷东升作品集 - 妙味学员作品展 - 妙味茶馆 - Powered by Discuz!
- HTML5和Javascript作品与技术分享-CSDN论坛
- TooBug/works: 一些比较老的作品
- WEB前端在线测试
- 博客词云 | Dron 博客
- javascript黑白棋人机博弈游戏 版本:1.02
- fromone | to be unique
- Guille Paz - Front-end Developer
- zmmbreeze/DeadSimpleVideoPlayer: Dead simple html5 Video player.
- Proton
¥面试题
- My-blog/Front-end-Developer-Questions at master · markyun/My-blog
- fex-team/interview-questions: FEX 面试问题
- paddingme/Front-end-Web-Development-Interview-Question: 前端开发面试题大收集,前端面试集锦
- qiu-deqing/FE-interview: 收集的前端面试题和答案
- My-blog/README.md at master · markyun/My-blog
- 前端开发面试题 - weakish - SegmentFault 思否
- 如何面试前端工程师? - 知乎
- 2014年最新前端开发面试题 - 最新【前端面试题】收集-MarkYun - 前端乱炖
- 如何面试一名前端开发工程师? - 大搜车前端团队专栏 - 前端乱炖
- 2016校招内推 -- 阿里巴巴前端 -- 四面面试经历 - -渔人码头- - 博客园
- 年后跳槽那点事:乐视+金山+360面试之行 - 吕大豹 - 博客园
- js 也来 - 【拉勾专场】抛弃简历!让代码说话! - 楼教主 - 博客园
- 前端工作面试问题 - allenxing - 博客园
- 前端实习生面试总结 - 晓婼 - 博客园
- Interviewing a Front-End Developer | Underdog.io
¥移动,微信调试
- STF | Smartphone Test Farm
- UC Plus —— 为开发者提供服务而生
- 无线调试攻略 - THX
¥微信调试的那些事
- ww17.blog.qqbrowser.cc
- jieyou/remote_inspect_web_on_real_device: 各种真机远程调试方法汇总——“真机远程调试”(remote inspect web on real device),是指用桌面电脑(PC或MAC)远程连接上移动设备,通过类似Chrome浏览器开发人员
¥浏览器同步
- leeluolee/puer: more than a live-reload server, built for efficient front-end development
- 超简单工具puer——“低碳”的前后端分离开发 | 拴萝卜的棍子
- LiveReload
- getf5.com - getf5 Resources and Information.
- 如何为WebStorm设置SASS的File Watchers?-前端集合 - 关注前端技术和互联网免费资源
- BrowserSync/browser-sync: Keep multiple browsers & devices in sync when building websites. http://browsersync.io
- Browsersync中文网 - 省时的浏览器同步测试工具
¥在线PPT制作
- ebow/bespoke-fx: CSS slide transitions for Bespoke.js
- Seldaek/slippy: HTML Presentations
- Cleaver快速制作网页PPT | 晚晴幽草轩
- impress.js初体验 - 前端装X利器 - 聂微东 - 博客园
- 声享 - 在线制作 PPT,让分享更有价值
¥前端导航网站
- iyfnzgb.com/?pid=9PO1H9V71&dn=uxbees.com
- 前端网址导航-大前端
- 前端导航站 - 前端工程师专用的导航站
- jserme/123.jser.us: 一个前端导航站 http://123.jser.us
- Haourl 站长网址导航_站长的上网主页!
- 前端开发仓库 - Code for Web Developer
- jnoodle/f2e-collect: 前端开发相关的社区、网站、博客、资源等搜集
- F2E 前端导航 - 前端工程师专用的导航
¥常用CDN
- lib.sinaapp.com
- BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务
- Staticfile CDN
- staticfile/cli: Staticfile command line utility
- jQuery cdn加速
- jQuery CDN
- Microsoft Ajax Content Delivery Network | Microsoft Docs
¥各种日期日历
- 强大的独立日期选择器(date picker)插件 - Kalendae - igeekbar - 博客园
- FullCalendar - JavaScript Event Calendar
- fullcalendar/fullcalendar: Full-sized drag & drop event calendar
- fullcalendar日历控件知识点集合 - FrancisLaw的学园 - CSDN博客
- zzyss86/LunarCalendar: 农历(阴历)万年历,是一款支持Node.js和浏览器端使用的全功能农历和公历日历类库。支持农历与公历之间相互转换,含有二十四节气,天干地支纪年纪月纪日,生肖属相,公
- 30 Best Free Calendar & Datepicker jQuery Plugins
- Pikaday: JavaScript datepicker – David Bushell – Web Design (UK)
- Datepair.js – Demos and Documentation
- glad/glDatePicker: An ultra-simple, customizable, light-weight date picker plug-in for jQuery
- Date picker – pickadate.js
- Cross platform UI for progressive web and hybrid apps | Mobiscroll
¥效果类
- HTML5 有哪些让你惊艳的 demo? - 知乎
- 焦点图轮播特效制作视频教程-慕课网
¥弹出层
- aui/artDialog: 经典的网页对话框组件
- artDialog
- Google Code Archive - Long-term storage for Google Code Project Hosting.
- bh-lay/UI: 响应式用户交互组件库
¥优秀JavaScript项目
- PatrickJS/angular-starter: An Angular Starter kit featuring Angular (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript, TsLint, Codelyzer, Hot Module Replacement, @t
- fex-team/fis3-demo: fis3 demo
- JsAaron/jQuery: 前端JQuery系列
- microsoft/ChakraCore: ChakraCore is the core part of the Chakra JavaScript engine that powers Microsoft Edge
- STRML/strml.net: STRML: Projects & Work
- STRML: Projects and Work
- zxlie/FeHelper: 😍FeHelper--Web前端助手(Awesome!Chrome & Firefox Extension, All in one Toolbox!)
- BryanYang/freechat: nodejs 的一个聊天软件,类似微信。
- stkevintan/Cube: A cross-platform web music player in nw.js
- fex-team/ueditor: rich text 富文本编辑器
- fex-team/kityminder-core: 强大的脑图可视化工具
- ellisonleao/clumsy-bird: A MelonJS port of the famous Flappy Bird Game
- taisel/IodineGBA: JavaScript GameBoy Advance emulator.
- SegmentFault/HyperDown: 一个结构清晰的,易于维护的,现代的PHP Markdown解析器
- SegmentFault/HyperDown.js
- TryGhost/Ghost: 👻 The #1 headless Node.js CMS for professional publishing
- ruanyf/react-demos: a collection of simple demos of React.js
¥其它
- Framework7 - Full Featured Mobile HTML Framework For Building iOS & Android Apps - cn
- 扉页 · GitBook
- RubyLouvre/mass-Framework: 一个模块化,面向大规模开发的javascript框架
- RubyLouvre/avalon: an elegant efficient express mvvm framework
- OniUI
- RubyLouvre/avalon.oniui: 基于avalon的组件库
- 草料二维码生成器
计算机科学(Computer Science,CS)
$计算机科学--github
《Growth: 全栈增长工程师指南》
- phodal/growth-ebook: Growth Engineering: The Definitive Guide。全栈增长工程师指南
- Growth: 全栈增长工程师指南 –
《How to be a Programmer》
- braydie/HowToBeAProgrammer: A guide on how to be a Programmer - originally published by Robert L Read
- Choose a language · How to be a Programmer
《Phodal's Idea实战指南》
- phodal/ideabook: 一个全栈增长工程师的练手项目集. A Growth Engineering Idea in Action.
- Phodal's Idea实战指南 –
《RePractise》
- phodal/repractise: RePractise
- RePractise –
《全栈增长工程师实战》
- phodal/growth-in-action: 全栈增长工程师实战
- Growth 实战篇 Django版 –
《写给软件工程师看的硬件编程指南》
- phodal/make: 写给软件工程师看的硬件编程指南
- 硬件开发指南 –
《计算机速成课》
- 1c7/Crash-Course-Computer-Science-Chinese: 计算机速成课 | Crash Course 字幕组 (全40集 2018-5-1 精校完成)
- 【计算机科学速成课】[40集全/精校] - Crash Course Computer Science_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
developer-roadmap
- kamranahmedse/developer-roadmap: Roadmap to becoming a web developer in 2020
- developer-roadmap/translations/chinese at master · kamranahmedse/developer-roadmap
- Developer Roadmaps
missing-semester-cn
- missing-semester-cn
- missing-semester-cn/missing-semester-cn.github.io: the CS missing semester Chinese version
- 计算机教育中缺失的一课 · the missing semester of your cs education
TeachYourselfCS
- keithnull/TeachYourselfCS-CN: TeachYourselfCS 的中文翻译 | A Chinese translation of TeachYourselfCS
- Teach Yourself Computer Science
tech-interview-handbook
- yangshun/tech-interview-handbook: 💯 Materials to help you rock your next coding interview
- Tech Interview Handbook | Tech Interview Handbook
- awesome · GitHub Topics
- awesome-list · GitHub Topics
- awesome-lists · GitHub Topics
- pim-book/programmers-introduction-to-mathematics: Code for A Programmer's Introduction to Mathematics
- davideuler/architecture.of.internet-product: 互联网公司技术架构,微信/淘宝/微博/腾讯/阿里/美团点评/百度/Google/Facebook/Amazon/eBay的架构,欢迎PR补充
- EZLippi/practical-programming-books: 这里收录比较实用的计算机相关技术书籍,可以在短期之内入门的简单实用教程、一些技术网站以及一些写的比较好的博文,欢迎Fork,你也可以通过Pull Request参与编
- yszhao91/xtorcga: CGA 3D 计算几何算法库 | 3D Compute Geometry Algorithm Library
- sindresorhus/awesome: Curated list of awesome lists
- serhii-londar/open-source-mac-os-apps: 🚀 Awesome list of open source applications for macOS.
- jaywcjlove/awesome-mac: This repo is a collection of awesome Mac applications and tools for developers and designers.
- Awesome-Windows/Awesome: An awesome & curated list of best applications and tools for Windows.
- TIM168/technical_books: IT技术书籍
- SummerJoan3/books: 计算机学习资源,电子书
- staticfile/static: 开放静态文件 - 为开源库提供稳定、快速的免费 CDN 服务
- wg689/Solve-App-Store-Review-Problem: a collection to solve app store review problem (ipv6,ipv6被拒绝,后台定位等审核问题的终极解决方案汇总)
- Kickball/awesome-selfhosted: This is a list of Free Software network services and web applications which can be hosted locally. Selfhosting is the process of locally hosting and managing applications instead of renting from SaaS providers.
- brianlovin/security-checklist: A checklist for staying safe on the internet
- greatghoul/remote-working: 收集整理远程工作相关的资料
- AmazingApps/Amazing-Windows-Apps: 📗Introduce you amazing Windows apps🕶READ ONLINE 👉
- SecWiki/sec-chart: 安全思维导图集合
- zdhxiong/Material-Design-Chinese: Material Design 指南的中文翻译
- IndrajeetPatil/ggstatsplot: Collection of functions to enhance ggplot2 plots with results from statistical tests.
- leereilly/games: A list of popular/awesome videos games, add-ons, maps, etc. hosted on GitHub. Any genre. Any platform. Any engine.
- Awesome-Coder/MindMap at master · wxyyxc1992/Awesome-Coder
- rstacruz/cheatsheets: My cheatsheets
- ProtoTeam/blog: 蚂蚁数据体验技术团队的文章仓库
- mathiasbynens/small: Smallest possible syntactically valid files of different types
- ifuture-pro/developer-notes: 开发者笔记。包含:DevOps,微服务,分布式,高可用,区块链,白皮书,算法,黑客,设计模式,面试题
- aosabook/500lines: 500 Lines or Less
- ossu/computer-science: Path to a free self-taught education in Computer Science!
- liweiwei1419/LeetCode-Solutions-in-Good-Style: 我的 LeetCode 做题记录,正在加紧练习中。
- QSCTech/zju-icicles: 浙江大学课程攻略共享计划
- PKUanonym/REKCARC-TSC-UHT: 清华大学计算机系课程攻略 Guidance for courses in Department of Computer Science and Technology, Tsinghua University
- danistefanovic/build-your-own-x: 🤓 Build your own (insert technology here)
- pengisgood/awesome-mirrors: Mirrors for developers behind the wall.Mirrors for developers behind the wall. Here are the mirrors, including but not limited to Docker, Nodejs, Python, Java, Goproxy, Ruby, Alpine apk, Centos yum, Debian apt, Ubuntu apt, Homebrew, iOS
- xingshaocheng/architect-awesome: 后端架构师技术图谱
- EarsEyesMouth/computerese-cross-references: 计算机专业术语中英文对照。
- jwasham/coding-interview-university: A complete computer science study plan to become a software engineer.
- CyC2018/CS-Notes: 技术面试必备基础知识、Leetcode、计算机操作系统、计算机网络、系统设计、Java、Python、C++
- tuvtran/project-based-learning: Curated list of project-based tutorials
- chyyuu/simple_os_book: simple os book
- kevingo/coding-interview-university-zh-tw: coding-interview-university 繁體中文翻譯計畫。原作者:https://github.com/jwasham/coding-interview-university
- xx-zh/xx-zh-roadmap: 中文翻译 Road Map
- jwasham/computer-science-flash-cards: Mini website for testing both general CS knowledge and enforce coding practice and common algorithm/data structure memorization.
- adambard/learnxinyminutes-docs: Code documentation written as code! How novel and totally my idea!
- iamshuaidi/CS-Book: 计算机类常用电子书整理,并且附带下载链接,包括Java,Python,Linux,Go,C,C++,数据结构与算法,人工智能,计算机基础,面试,设计模式,数据库,前端等书籍
- therealsreehari/Learn-Datascience-For-Free
- dwmkerr/hacker-laws: 💻📖 Laws, Theories, Principles and Patterns that developers will find useful. #hackerlaws
- nusr/hacker-laws-zh: 💻📖对开发人员有用的定律、理论、原则和模式。(Laws, Theories, Principles and Patterns that developers will find useful.)
- jlevy/og-equity-compensation: Stock options, RSUs, taxes — read the latest edition: www.holloway.com/ec
- liuxinyu95/unplugged: Open book about math and computer science.
- HIT-Alibaba/interview: 笔试面试知识整理
- ligurio/software-quality-wiki: Software Quality Wiki
- hackerkid/Mind-Expanding-Books: Books everyone should read!
- TalAter/awesome-book-authoring: A collection of awesome resources for technical book authors
- sger/ElixirBooks: List of Elixir books
- Search · book
$计算机科学--掘金
《「数理逻辑」》
- 「数理逻辑」| “我知道你不知道”!
- 「数理逻辑」| 德·梅齐利亚克砝码!
- 「数理逻辑」| 天黑请闭眼!
- 「数理逻辑」| 赛马!
《计算机组成原理》
- 计算机组成原理 | 为什么浮点数运算不精确?(阿里笔试)
- 计算机组成原理 | Unicode 和 UTF-8是什么关系?
- 「计算机原理」| CPU 缓存 & 缓存一致性 & 伪共享
《计算机网络》
- 计算机网络 | 图解 DNS & HTTPDNS 原理
- 💗前端需要了解的计算机网络知识, 这一篇就够了!(图文并茂,万字长文,点赞收藏哦!)
- 14期-连肝7个晚上,总结了计算机网络的知识点!(共66条)
- 大二逃课总结的1.2w字的计算机网络知识!扫盲! - 知乎
《操作系统》
- 操作系统 | 中断 & 系统调用浅析
- 【非科班前端】注意了! 计算机组成原理知识已送到你嘴边! - 掘金
- 【英】专业编程资源 - 前端 - 掘金
- 程序员不得不了解的硬核知识大全 - 掘金
- 程序员不得不了解的硬核知识大全
- 小白如何学习操作系统?
- 5万字、97 张图总结操作系统核心知识点
- 计算机电子书 2020 CDNDrive 备份(预览版 II)
- 浅谈鸿蒙线程管理
- 必须收藏:20个开发技巧教你开发高性能计算代码
$计算机科学--CSDN
- 查看端口被占用的情况以及如何解除端口占用 - langqiao123的专栏 - CSDN博客
- UML类图几种关系的总结 - CSDN博客
$计算机科学--简书
$计算机科学--SegmentFault 思否
$计算机科学--知乎
- CS科研狗心目中的A-Z站/1-10站。 - 知乎
$计算机科学--博客园
$计算机科学--微信
- 对不起,学会这些计算机基础知识后我飘了
- 太赞了:中文版开源!这或许是最经典的计算机编程教材
- 新冠抗疫开源项目大汇总
- 全!GitHub 总星 5.7w+,最赞的操作系统软件都在这里啦!
$计算机科学--哔哩哔哩
$黑客(hack)
- jwx0539/hackingLibrary: APT, Cyber warfare, Penetration testing, Zero-day,Exploiting, Spyware,Malwares evade anti-virus detection, Rookit CYPTER, Antiviruses Bypassing-av, WORMS,Sandbox-Escape, Memory-inj
$计算机网络
- [Network] 计算机网络基础知识总结 - Poll的笔记 - 博客园
- 计算机网络基础知识总结
$数据建模
- 收藏!数据建模最全知识体系解读
$物联网
《自己动手设计物联网》
- phodal/designiot: 教你设计物联网系统。构建自己的Internet of Things 。
- phodal.github.io/designiot/
- Demos of open web technologies | MDN
- Security Checklist
- How to learn all programming languages, YES! ALL!
- 资源分享-软件服务
作品、博客、论坛&社区
¥GitHub&Gitee
fossasia.org
- fossasia/fossasia.org: FOSSASIA Website https://fossasia.org
freecodecamp.cn
- FreeCodeCampChina/freecodecamp.cn: FCC China open source codebase and curriculum. Learn to code and help nonprofits.
- huluoyang/freecodecamp.cn: 随着FCC中文社区的快速发展和更多小伙伴的崛起,此项目已从个人项目升级到团队项目。详情请移步:
jsliang
- LiangJunrong/document-library: jsliang 的文档库. 里面包含了所有的前端文章,例如 vue、react,、angular、微信小程序、设计模式等……
- 首页 · jsliang 的文档库
- document.jsliang.top
lengstorf.com
- jlengstorf/lengstorf.com: Source for lengstorf.com, Jason Lengstorf's personal site.
LinkAce
- Kovah/LinkAce: Your self-hosted bookmark archive. Free and open source.
- LinkAce - Your self-hosted bookmark archive. Free and open source.
trivago
- trivago N.V.
- trivago tech blog · trivago tech blog
- GitHub
- withspectrum/spectrum: Simple, powerful online communities.
- Baidu
- coryhouse/javascript-development-environment: JavaScript development environment discussed in "Building a JavaScript Development Environment" on Pluralsight
- mqyqingfeng/Blog: 冴羽写博客的地方,预计写四个系列:JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。
- whinc/blog: whinc 的个人博客
- berwin/Blog: 记录成长的过程
- xiaoyu2er/blog: 小鱼二的博客, 喜欢的话请点star :D
- sihai00/blog: blog
- Weiyu-Chen (陈微语)
- DDFE/DDFE-blog: welcome to DDFE's blog
- hve-notes/hve-notes: ✍️一个静态博客写作客户端 (A static blog writing client)
- amfe/article
- fouber/blog: 没事写写文章,喜欢的话请点star,想订阅点watch,千万别fork!
- Issues · lifesinger/blog
- Issues · tmallfe/tmallfe.github.io
- Issues · mqyqingfeng/Blog
- Issues · cssmagic/blog
- lcxfs1991/blog: leehey's blog -- 请star或者watch
- youngwind/blog: 梁少峰的个人博客
- senntyou/blogs: 个人博客: Web, 前端, JavaScript, NodeJs, Electron, Babel, Webpack, Rollup, React, Vue ...
- wuyawei/fe-code: 🍹🍰 愉快的写代码~(文章合集)
- LeuisKen/leuisken.github.io: LeuisKen的个人博客
- webfansplz/article: record and share
- FrankFang/best-chinese-front-end-blogs: 收集优质的中文前端博客
- eisneim (Eisneim Terry)
- sitexa
- chyingp/blog: 程序猿小卡的博客
- helloqingfeng/Awsome-Front-End-learning-resource: GitHub最全的前端资源汇总仓库(包括前端学习、开发资源、求职面试等)
- FENews/FENews.org: http://fenews.org
- yygmind/blog: 我是木易杨,网易高级前端工程师,跟着我每周重点攻克一个前端面试重难点。接下来让我带你走进高级前端的世界,在进阶的路上,共勉!
- blog/3.md at master · ProtoTeam/blog
- YvetteLau/Blog: 【前端进阶】优质博文
- justemit/coding-note: 编程知识学习,涉及python、bash、js等语言,主要记录前端知识
- palmerye/palmerye.github.io: Personal Blog
- gershonv/my-code-store: 此仓库用来存放博客中使用到的代码、或者一些学习记录的代码
- logan70/Blog: 写博客的地方,觉得有用的给个Star支持一下~
- dolymood/dolymood.github.com: 我的博客
- xianshenglu/blog: My blog
- sorrycc/blog: 💡
- sanyuan0704/my_blog: 神三元的博客,一起构建完整知识体系
- shfshanyue/blog: 在这里写一些工作中遇到的前端,后端以及运维的问题
- ruanyf/weekly: 科技爱好者周刊,每周五发布
- suoyuesmile/suo-blog: 技术博客文章、笔记、实战、技术探讨、资源收集等等
- pkwenda/new-bee: 开源社区 vue + springBoot - 前后分离微服务的最佳实践
- [印记中文](docschina.org)
- mcuking/blog: 技术成长过程中的总结
- ljianshu/Blog: 个人博客及其源代码
- dt-fe/weekly: 前端精读周刊
- shekhargulati/52-technologies-in-2016: Let's learn a new technology every week. A new technology blog every Sunday in 2016.
- roger-hiro/BlogFN: 前端劝退指南,公众号[前端劝退师]的作者
- wubaiqing/zaobao: 每日时报,以前端技术体系为主要分享课题。根据:文章、工具、新闻、视频几大板块作为主要分类。
- FrankKai/FrankKai.github.io: 趁你还年轻的技术博客,主要包括前端,NodeJS,运维和随想。文章在issues。目前主要从事前端开发工作。
- LuckyWinty/blog: This is the project which is used as my blog.
- KRISACHAN/ying-study: something knowledge about web
- a1029563229/blogs: 博客文章收录
- shen100/mili: mili 是一个开源的社区系统,界面优雅,功能丰富😛
- GoogleChrome
- wangdoc
- simon9124/my_demos: 深入前端核心理论,记录个人博客
- qufei1993 (五月君)
- kujian (前端开发博客)
- azl397985856/automate-everything: 这是我准备写的第一本书,其实早些时候已经打算开始写书了,只是苦于没有写书经验,无从下手。写书不同于博客,写书需要将知识,经验等系统化地讲述出来,而我现在恰巧缺乏这种表现能力。因此我决定在这里将项目中零散的东西记录下来,然后后期润色一下,写成一本书。
- aCoder2013/blog: 个人博客,记录个人总结(见issues)
- biaochenxuying/blog: 大前端技术为主,读书笔记、随笔、理财为辅,做个终身学习者。
- iQIYI
- Bytedance Inc.
- Tencent
- public-apis
- semlinker/semlinker: 阿宝哥的Github天地
- o2team/tech-weekly: JELLY Tech Weekly
- i-want-offer/FE-Essay: 记录前端重要知识点和遇到的好文章,同时还有前端重要算法知识,但最关键的是包含各大小厂真题。
- OpenMessaging
- AllenDowney (Allen Downey)
- 开源中国
- OpenHarmony: OpenHarmony是开放原子开源基金会(OpenAtom Foundation)旗下开源项目,定位是一款面向全场景的开源分布式操作系统,第一个版本支持128K-128M设备上运行。
- shengxinjing (花果山大圣)
- xitu/gold-miner: 🥇掘金翻译计划,可能是世界最大最好的英译中技术社区,最懂读者和译者的翻译平台:
- forthealllight/blog: 📖我的博客,记录学习的一些笔记,如有喜欢,欢迎star
¥掘金个人主页
- 政采云前端团队 的个人主页 - 专栏 - 掘金
- 编程之上 的个人主页 - 专栏 - 掘金
- 阅文集团前端团队 的个人主页 - 专栏 - 掘金
- cxuan 的个人主页 - 专栏 - 掘金
- 各大公司的技术博客合集 - 工具资源 - 掘金
- [译]如何撰写精彩的技术博客文章 - 掘金
- 神三元 的个人主页 - 专栏 - 掘金
- 掘金 - juejin.im - 一个帮助开发者成长的社区
- 前端早早聊 的个人主页 - 专栏 - 掘金
- 承志 的个人主页 - 专栏 - 掘金
- TianTianUp 的个人主页 - 专栏
- 承志 的个人主页 - 专栏
- vivo互联网技术 的个人主页 - 专栏
- LinDaiDai_霖呆呆 的个人主页 - 专栏
- 谭光志 的个人主页
- jsliang 的个人主页
- 隐冬 的个人主页
- 徐小夕 的个人主页
- 大帅搞全栈 的个人主页
- 蜗牛老湿_大圣 的个人主页
- 杭州程序员张张 的个人主页
- 工业聚 的个人主页
- Solomon_肖哥弹架构 的个人主页
- ChanningHyl🙌 的个人主页
- 阿里巴巴淘系技术 的个人主页
- 蓝色的秋风 的个人主页
- TianTianUp 的个人主页
- 梨香 的个人主页
- 小小Mac 的个人主页
- 红尘炼心 的个人主页
- xL丶 的个人主页
- 全栈然叔 的个人主页
- MacroZheng 的个人主页
- 阿宝哥 的个人主页
- ssh_晨曦时梦见兮 的个人主页
- 程序员cxuan 的个人主页
- 蝌蚪哥 的个人主页
- 我是十三 的个人主页
- 小姐姐味道 的个人主页
- 网易云音乐大前端团队 的个人主页
- 前端印象 的个人主页
- 敖丙 的个人主页
- 阅文前端团队 的个人主页
- 炽翎 的个人主页
- 爱创课堂前端技术分享 的个人主页
- Mr_无忧 的个人主页
- 童欧巴 的个人主页
- 橙红年代 的个人主页
- 秉心说TM 的个人主页
- 插猹的闰土 的个人主页
- 前端布吉岛 的个人主页
- 政采云前端团队 的个人主页
- 彭丑丑 的个人主页
- 沉默王二 的个人主页
- Gopal 的个人主页
- 子弈 的个人主页
- 风不识途 的个人主页
- Efox 的个人主页
- 漆黑之牙_ 的个人主页
- 马称 的个人主页
- 程序员小灰 的个人主页
- 杨村长 的个人主页
- 前端精 的个人主页
- 前端小黑 的个人主页
- 捡田螺的小男孩 的个人主页
- 杨溜溜 的个人主页
- 技术漫谈 的个人主页
- 乂乂又又 的个人主页
- Henrylulu 的个人主页
- vivo互联网技术 的个人主页
- 阿里巴巴云原生 的个人主页
- 一角钱技术 的个人主页
- 承志 的个人主页
- 美团技术团队 的个人主页
- 罗西的思考 的个人主页
- 五柳 的个人主页
- HollisChuang 的个人主页
- 小木箱 的个人主页
- Up&up 的个人主页
- @baby张 的个人主页
- _风清洋 的个人主页
- IT霈哥 的个人主页
- bigsai 的个人主页
- 雄哥666 的个人主页
- 前端开发小马哥 的个人主页
- 爱笑的架构师 的个人主页
- 希沃ENOW大前端 的个人主页
- cscw 的个人主页
- 京东设计中心JDC 的个人主页
- Java劝退师 的个人主页
- 神奇的程序员 的个人主页
- 冰_河 的个人主页
- 闲鱼技术 的个人主页
- why技术 的个人主页
- 方凳雅集 的个人主页
- 晓前端 的个人主页
- Bezier 的个人主页
- null仔 的个人主页
- 码猿技术专栏 的个人主页
- 李CHENGXI 的个人主页
- 卧夜思雨 的个人主页
- 刘望舒 的个人主页
- 前端小智 的个人主页
- 月伴飞鱼 的个人主页
- 我不是外星人 的个人主页
- 手撕红黑树 的个人主页
- 程序员内点事 的个人主页
- 张风捷特烈 的个人主页
- 苍耳叔叔 的个人主页
- Taoye 的个人主页
- Jimmy 的个人主页
- Web前端严选 的个人主页
- 凹凸实验室 的个人主页
- Five在努力 的个人主页
- 前端开发博客 的个人主页
- 四年,如何从前端小白蜕变为前端技术专家?
- jsliang 的个人主页 - 专栏
- 魔王哪吒 的个人主页 - 专栏
- 阿宝哥 的个人主页 - 专栏
¥CSDN
- 粉丝们务必加入微信粉丝群_前端小智@大迁世界_CSDN博客-前端,javascript,CSS创意特效领域博主
- CSS创意特效_前端小智_前端小智@大迁世界-CSDN博客
- CSDN Chrome插件来了。助开发者提升开发效率,远离996_CSDN开发者助手https://plugin.csdn.net/?from=blog-CSDN博客
- 超逸の学习技术博客_一百个Chocolate_CSDN博客-算法,Vue全家桶系列,Codeforces✍领域博主
- CSDN - 专业开发者社区
¥SegmentFault 思否
- SegmentFault 思否
- 标签树 - SegmentFault 思否
- 掘金精选 - SegmentFault 思否
- 阿宝哥 - SegmentFault 思否
¥简书
《认知升级》
- 01 认知升级:认知共识 - 简书
- 02 认知升级:思考脑与反射脑 - 简书
- 03 认知升级:习以为常 - 简书
- 04 认知升级:时间管理 - 简书
- 05 认知升级:注意力 - 简书
- 06 认知升级:执行力 - 简书
- 07 认知升级:贵人 - 简书
- 08 认知升级:会议 - 简书
- 08 认知升级:跳出舒适区 - 简书
- 09 认知升级:职业规划 - 简书
- 10 认知升级:时间换空间 - 简书
- 快速成长第一步:完成自己的认知升级 - 简书
- 快速成长第二步:自我成长的方法论 - 简书
- 彭旭锐 - 简书
¥oschina
- OSCHINA - 中文开源技术交流社区
¥知乎
- 颜海镜的博客 - 知乎
- 前端外刊评论 - 知乎
- Lucas 的前端杂谈 - 知乎
- 敬昭先生 - 知乎
- 前端技术漫游指南 - 知乎
- 前端开发博客 - 知乎
¥博客园
- 吕大豹 - 博客园
- 红脸书生 - 博客园
¥语雀
- 工作台 · 语雀
- 前端小册 · 语雀
- Blog · 语雀
- CRPER · 语雀
- 语雀 · 语雀
- 前端早早聊大会 · 语雀
- 前端时空 · 语雀
¥看云
- 我的文档 · 看云
- jenemy(@wujie520303) · 看云
¥微信
- Shopee前端负责人分享如何突破技术与业务的瓶颈
- 建立属于自己的博客?看这篇就够了
- 内部披露!最新互联网大厂的薪资和职级
¥虫洞栈
- fuzhengwei/CodeGuide: 本代码库是作者小傅哥多年从事一线互联网 Java 开发的学习历程技术汇总,旨在为大家提供一个清晰详细的学习教程,侧重点更倾向编写Java核心内容。如果本仓库能为您提供帮助,请给予支持(关注、点赞、分享)!
- bugstack虫洞栈 | 沉淀、分享、成长,让自己和他人都能有所收获
- 全栈修仙之路-源码探秘篇-v1.0.pdf - 文档分享 - bugstack虫洞栈 - Powered by kodbox
- 重学TS-v1.0.pdf - 文档分享 - bugstack虫洞栈 - Powered by kodbox
- 全栈修仙之路-前端进阶篇-v1.1.pdf - 文档分享 - bugstack虫洞栈 - Powered by kodbox
How-To-Ask-Questions-The-Smart-Way
- ryanhanwu/How-To-Ask-Questions-The-Smart-Way: 本文原文由知名 Hacker Eric S. Raymond 所撰寫,教你如何正確的提出技術問題並獲得你滿意的答案。
- FredWe/How-To-Ask-Questions-The-Smart-Way: Any update requests plz redirect to original --->
- ruby-china/How-To-Ask-Questions-The-Smart-Way: 本文原文由知名Hacker Eric S. Raymond 所撰寫,教你如何正確的提出技術問題並獲得你滿意的答案。
作品
CSS3网站作品
- 全球酷站秀:15个顶尖的 CSS3 网站作品 - 梦想天空(山边小溪) - 博客园
个人作品网站
- 国外酷站设计:10个漂亮的个人作品网站 - 梦想天空(山边小溪) - 博客园
- lvqq/Demos: repository for my demo pages
纹理在网页设计中的示例
- 优秀设计:纹理在网页设计中的20个应用示例 - 梦想天空(山边小溪) - 博客园
- 使用一个纹理贴图集 - 《Pixi教程》 - 书栈网(BookStack.CN)
复古怀旧风格的网站作品
- 另类网页设计:30个复古怀旧风格的网站作品 - 梦想天空(山边小溪) - 博客园
- Filament Group, Inc. | User Interface Design & Responsive, Accessible, Resilient Web Development | Filament Group, Inc.
- WEB开发中40+高质量的免费资源【多图但值得一看】 - 掘金
- 那些所倚靠的利器记载 | 晚晴幽草轩
- 25个精美的个人作品集网站,激发灵感 - 梦想天空(山边小溪) - 博客园
- 9个项目助你在2020年成为前端大神!
- 前端进阶必备的七个开源项目!(必看)
程序员如何优雅的挣零花钱
程序员兼职
- 国内可以为程序员提供兼职的平台有哪些? - zp596861100的博客 - CSDN博客
- 自由职客-IT技术,中国自由职客灵活用工交易平台_自由职客
- 兼职程序员_兼职工程师_工程师|程序员兼职平台-猿急送
- 程序员远程工作-程序员兼职-技术问答-组建团队-IT镖局
- erp管理系统-软件app制作开发公司-微信小程序开发-网站制作建设公司-安卓android开发-米鼠网
- 程序员客栈-领先的程序员自由工作平台
- 码市 - 互联网软件外包服务平台
- 比teamviewer更屌的远程软件,程序员莫错过 - u011277123的博客 - CSDN博客
- 程序员兼职招聘信息-兼职吧
- 快码 - 软件开发,就找快码!认准域名Kuai.ma
- Toppro - 按需雇佣顶尖专业人才
- 实现网 - 按需雇佣 BAT 工程师、设计师
- 开源众包-百万开发者,为您提供专业的软件开发服务
- FD自由开发者
- 强烈推荐 12 款适合程序员赚副业的后台管理系统的项目!
- easychen/howto-make-more-money: 程序员如何优雅的挣零花钱
- 技术文章的写作技巧分享 - 掘金
- 写给前端程序员的英文学习指南 | 掘金技术征文-双节特别篇
- 102个副业赚钱平台汇总 - 知乎
- (1 封私信 / 81 条消息) 怎么在空闲时间用网络赚钱且收入不低于50? - 知乎
- 程序员如何优雅的挣零花钱?
- 阮一峰的个人网站 - Ruan YiFeng's Personal Website
- 阮一峰的个人网站 - Ruan YiFeng's Personal Website
- 张鑫旭的个人主页 » 张鑫旭-鑫空间-鑫生活
- Newest 'javascript' Questions - Stack Overflow
- Wis Chu
- web前端 - IT610.com
- 图灵社区
- 码云 - 开源中国
- 前端网址导航 - WHYCSS
- 中国大学MOOC(慕课)_最好的在线课程学习平台
- 网易云课堂 - 领先的实用技能学习平台
- 协议分析网
- 慕课网
- 前端网(QDFuns) WEB前端开发工程师专业网站,一站式服务平台!
- Stack Overflow - Where Developers Learn, Share, & Build Careers
- 智能社论坛-专业 专注 分享
- 草依山的Javascript世界
- 李成银的博客
- 微人类
- V2EX
- Edit fiddle - JSFiddle
- 郭大大的博客
- Learn, Code and Share on Tutorialzine
- Spectrum
- Open Hub, the open source network
- 无忧脚本 - Powered by Discuz!
- CodeProject - For those who code
- SourceForge - Download, Develop and Publish Free Open Source Software
- ITPUB技术论坛_中国专业的IT技术社区
- CodePlex Archive
- 将社交网络交还予你 - The Mastodon Project
- 首页 | 技术胖-胜洪宇关注web前端技术-前端免费视频第一博客
- 找不到相关内容 - InfoQ
- 资源列表_良许的个人网站
- 仪表盘 ‹ 良许的个人网站 — WordPress
- EFE Tech - 百度EFE(Excellent FrontEnd)技术体系
- 庞国明 博客
- Creative Commons — Attribution-NonCommercial 4.0 International — CC BY-NC 4.0
- V2EX
- 拭目以待 loveJavascript
- Home - 廖雪峰的官方网站
- 软硬皆施
- 分类 | 郭大大的博客
- 山月行
- https://www.iteye.com/blog/user/jinnianshilongnian
- Winty Blog
- 若川的博客-前端视野 | 若川的博客
- 首页 - 政采云前端团队
- Zoo Weekly - 政采云前端小报
- 首页 | Jeskson-达达前端
- 图雀社区 - 汇集精彩的实战技术教程
- 印记中文 - 深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档!
- 淘系前端团队
- An Introduction to JavaScript
- Welcome To PKU JudgeOnline
- Welcome to Hangzhou Dianzi University Online Judge
- Inigo Quilez :: fractals, computer graphics, mathematics, shaders, demoscene and more
- 木易杨前端进阶
- 飞书 - 在飞书,享高效
- 晚霞客的博客_新浪博客
- 前端生活-社区
- chengyuming
- 我的桌面 - 石墨文档
- 前端日刊
- Pines Cheng‘s Blog
- How2J 的 Java教程
- 无忧脚本 - Powered by Discuz!
- Qt开源社区-致力于Qt普及工作! - qt qml linux 嵌入式 教程!
- Super User
- Ask Ubuntu
- 程序通事
- DEV Community 👩💻👨💻
- Dev.Opera
- 前端乱炖, 最专业的前端技术内容社区
- lucifer的网络博客
- 创业邦 - 帮助创业者成功
- 前端开发博客-分享前端开发
- cnBeta.COM - 中文业界资讯站
- 链滴 - 记录生活,连接点滴
- 开发者客栈
- DigitalOcean Community | DigitalOcean
- 自然醒的博客
- Aotu.io「凹凸实验室」
- 华为云博客_大数据博客_AI博客_云计算博客_开发者中心-华为云
- Teach Yourself Scheme in Fixnum Days
- Dorai Sitaram’s Home Page
- xjjdog Java高阶知识分享
- HTML5 Rocks - A resource for open web HTML5 developers
- HTML5 Rocks - 为开放网络 HTML5 开发人员提供的资源
- Archives—zachleat.com
- Meta Stack Exchange
Python
Python core
- Download Python | Python.org
Python frameworks
Django
- 一杯茶的时间,上手 Django 框架开发 - 掘金
- django/django: The Web framework for perfectionists with deadlines.
Flask
- pallets/flask: The Python micro framework for building web applications.
Python libs、plugins&tools
- jorgebastida/awslogs: AWS CloudWatch logs for Humans™
- baidu/CUP: CUP, common useful python-lib. (Currently, Most popular python lib in baidu)
- Supervisor/supervisor: Supervisor process control system for UNIX
- astropy/astropy: Repository for the Astropy core package
- astropy/astroquery: Functions and classes to access online data resources. Maintainers: @keflavich and @bsipocz
incubator-superset
- apache/incubator-superset: Apache Superset is a Data Visualization and Data Exploration Platform
openpyxl
- Python 自动化办公之 Excel 模块 — openpyxl 的基本使用!
Python 资源、整理集&FAQ
Python 资源
awesome-python-applications
- mahmoud/awesome-python-applications: 💿 Free software that works great, and also happens to be open-source Python.
PyCharm
- 详尽实用的 PyCharm 教程,这篇文章值得一看!
- taizilongxu/interview_python: 关于Python的面试题
- facert/awesome-spider: 爬虫集合
- jackfrued/Python-100-Days: Python - 100天从新手到大师
- agermanidis/livepython: Visually trace Python code in real-time.
- cosmicpython/book: A Book about Pythonic Application Architecture Patterns for Managing Complexity. Cosmos is the Opposite of Chaos you see. O'R. wouldn't actually let us call it "Cosmic Python" tho.
- 万字干货,Python语法大合集,一篇文章带你入门
- diveintomark/diveintopython3: [Mirror] Dive Into Python 3 online book
Python 整理集
- Rest-Framework 专栏目录
- 建议你吃透这68个内置函数!
Python FAQ
- 【老板叫我了】python常用方法和运算符整理 - 掘金
- 利用 Python 破解 ZIP 或 RAR 文件密码 - 掘金
- 我为什么建议前端将Python 作为第二语言? - 掘金
- python获取当前文件路径以及父文件路径 - yyy430的博客 - CSDN博客
- python获取文件的绝对路径 - S-H_A-N - CSDN博客
- python获取当前文件路径以及父文件路径 - lucky_zhang - 博客园
- 快来看啊!原来Python里还有这些的一些有趣的东西!
- 十分钟掌握pyecharts十类顶级图,建议收藏!
- 百度网盘高速下载器,亲测10M/s(附下载)
- 10行Python代码使用磁力链接批量下载种子,你的假期再也不会无聊了!
- https://mp.weixin.qq.com/s?__biz=MzU1NDcwNTE2OA==&mid=2247487149&idx=1&sn=d4749cae175558a3af8a42344c6ca768&chksm=fbdec6d2cca94fc425f65e061be68b8a12fb62b7209855ebab6dc0d3fba598d0b1d8c8894b6f&mpshare=1&scene=23&srcid=&sharer_sharetime=1581396317108&sharer_s
- 11 个最佳的 Python 编译器和解释器
- 我用python远程探查室友每天的网页访问记录,他不愧是成年人!
- 推荐一款比Excel还牛的神器,竟然可以用Python直接操作!
PHP
PHP core
PHP frameworks、libs、plugins&tools
grpc-php
- grpc/grpc-php: Repo for gRPC PHP
PHP 资源、整理集&FAQ
R
R core
- R: The R Project for Statistical Computing
R frameworks、libs、plugins&tools
R 资源、整理集&FAQ
- RomanTsegelskyi/rbooks: A curated list of #rstats books
Rust
Rust core
- rust-lang/rust: Empowering everyone to build reliable and efficient software.
- lpxxn/rust-design-pattern: rust design patterns
- Rust Programming Language
- Rust 语言之旅 - Let's go on an adventure!
Rust frameworks、libs、plugins&tools
Rust 资源、整理集&FAQ
Rust 资源
- rust-lang/rust-by-example: Learn Rust with examples (Live code editor included)
Rust 整理集
Rust FAQ
- [译] Rust 2018 已经发布……但它到底是什么呢?
- 在 2020 年用 Rust 写前端什么体验
- 新技术学习不完全指北:以 Rust 为例
Swift
Swift core
Swift frameworks、libs、plugins&tools
grpc-swift
- grpc/grpc-swift: The Swift language implementation of gRPC.
Swift 资源、整理集&FAQ
- mojito: 麻烦给我的爱人来一份 RxSwift - 掘金
swift-algorithms
- apple/swift-algorithms: Swift Algorithms is an open-source package of sequence and collection algorithms, along with their related types.
WebAssembly
WebAssembly core
- WebAssembly
- WebAssembly 中文网|Wasm 中文文档
WebAssembly frameworks、libs、plugins&tools
oak
- elliotforbes/oak: A Go Based WebAssembly framework for building frontend applications in Go!
webassemblyjs
- xtuc/webassemblyjs: Toolchain for WebAssembly
- webassemblyjs · webassemblyjs
walt
- ballercat/walt: Walt is a JavaScript-like syntax for WebAssembly text format
- Walt Explorer
yew
- yewstack/yew: Rust / Wasm framework for building client web apps
- jetli/awesome-yew: 😎 A curated list of awesome things related to Yew / WebAssembly.
- ColinEberhardt/wasm-sudoku-solver: a WebAssembly-powered AR sudoku solver
WebAssembly 资源、整理集&FAQ
WebAssembly 资源
- appcypher/awesome-wasm-langs: 😎 A curated list of languages that compile directly to or have their VMs in WebAssembly
- WebAssembly 现状与实战 – IBM Developer
WebAssembly 整理集
WebAssembly FAQ
- 20分钟上手 webAssembly
- Web程序性能优化——asm.js和WebAssembly - 掘金
- 实现一个简单的基于 WebAssembly 的图片处理应用
- WebAssembly在eBay的实践:速度提升50倍-InfoQ
- Why WebAssembly is a Big Deal. WebAssembly is a technology that every… | by Michael van der Gulik | Medium
- WebAssembly: another JVM? - DEV Community
云计算
$Cloud Native
- Open Application Model
$云端共享文件系统
JuiceFS
- juicedata/juicefs: JuiceFS is a distributed POSIX file system built on top of Redis and S3.
- JuiceFS - 为云端设计的 POSIX 共享文件系统
heroku
- Heroku
- Cloud Application Platform | Heroku
- Cloud Application Platform | Heroku
- The Heroku CLI | Heroku Dev Center
Kubernetes
- rootsongjc/kubernetes-handbook: Kubernetes中文指南/云原生应用架构实践手册 - https://jimmysong.io/kubernetes-handbook
- fanux/sealos: 只能用丝滑一词形容的kubernetes高可用安装(kubernetes install)工具,一条命令,离线安装,包含所有依赖,内核负载不依赖haproxy keepalived,纯golang开发,99年证书,支持v1.16 v1.15 v1.17 v1.18 v1.19 v1.20集成containerd离线包!
- 序言 · Kubernetes Handbook - Kubernetes中文指南/云原生应用架构实践手册 by Jimmy Song(宋净超)
kruise
- openkruise/kruise: Automate application management on Kubernetes
- openyurtio/openyurt: OpenYurt - Extending your native Kubernetes to edge(project under CNCF)
- TencentCloudBase/cloudbase-cli: The cli tool for cloudbase
- Google论文、开源与云计算_李孟的博客-CSDN博客
- (...) 云上自动化 vs 云上编排_开发者之家 - SegmentFault 思否
汇编语言
- 汇编语言入门教程 - 阮一峰的网络日志
- 汇编入门第一篇,小白也能看懂
The Other
$产品经理、运营&设计师
¥产品经理
¥运营
运营工具
- 社群营销解决方案_社群管理_社群运营工具_打造社群经济 - 孤鹿(Group+)
- 表单大师,简单好用的数据收集、管理和分析平台
- 有哪些值得推荐的数据可视化工具? - 商业 - 知乎
- 诸葛io-精细化数据分析工具,移动应用分析,移动用户行为分析,数据运营
- 秀米首页 - 秀米 XIUMI
- BenVista - Enlarge images and increase photo resolution at high quality using PhotoZoom Pro 7 with S-Spline interpolation technology
- 使用FILEminimizer Suite压缩PowerPoint,优化Word,Excel,PDF,图像和照片
- PPT Minimizer 4.0 - 下载
- PPT遥控器
- Inpaint photo restoration software - remove elements from your photos
- 收趣云书签 - 我的云端收藏夹,稍后阅读神器
- 秒速5厘米 - 图片托管服务
- 搜狗微信搜索_订阅号及文章内容独家收录,一搜即达
多图拼贴成马赛克
- Tagxedo - Word Cloud with Styles
- Welcome | FMEdda | Foto-Mosaik-Edda
- 相似图片搜索的原理 - 阮一峰的网络日志
- (1 封私信 / 1 条消息) 由数量众多照片拼贴而成的马赛克图片是怎么做出来的? - 知乎
- 【教程】千图成像_photoshop吧_百度贴吧
- 【分享】类似路径文字的一个效果,好像叫标签云_photoshop吧_百度贴吧
- 牛!Mathematica还能这样用!自己制作马赛克拼图 | Matrix67: The Aha Moments
- 爱斗图 - 斗图吧 - 斗图表情包 - 斗图神器 - adoutu.com
¥设计师
设计素材
- PotatofieldImageToolkit: 一个适用于摄影从业者/爱好者、设计师等创意行业从业者的图像工具箱。
- Sketch - Professional Digital Design for Mac
- 有哪些 PS 素材质量较高的的网站? - Adobe Photoshop - 知乎
- 花瓣网_陪你做生活的设计师(发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品等)
- 千库网-免费png图片背景素材库588ku.com
- 图鱼 - 好用的网页PS设计底纹背景图片纹理素材网站
- SDC设计师网址导航 - 学设计从这里开始!
- ::设计路上::酷站收藏大全,酷站欣赏,韩国网站欣赏,欧美网站,国内网站欣赏,设计欣赏,网页设计,网站建设,平面设计,韩国矢量素材下载
- Ps字体下载大全_Ps教程大全_Ps123.Net
- 在线图像处理工具-最好用的图片处理软件,照片处理工具
- 艺术字体在线生成器 艺术字转换器
- 大图网 - 影楼素材,PSD素材,矢量素材,高清图片素材,高品质设计素材共享
- 我图网,提供图片素材及模板下载,专注正版设计作品交易
- 站酷 (ZCOOL) - 设计师互动平台
- 思缘论坛 平面设计,Photoshop,PSD,矢量,模板,打造最好的素材和设计论坛
- 中国色 - 中国传统颜色
- UICloud | User Interface Design Search Engine, UI, UX, GUI, Inspiration, Resources, Elements, User Experience, Free Downloads, Freebies
- 图标搜索引擎 - 下载475450个免费图标, PNG图标, 网页图标
- Free Photoshop Brushes, Photoshop Patterns and Textures | Fbrushes
- Wikimedia Commons
- NicePic - 每天都有新图片
- Free Online OCR - convert scanned PDF and images to Word, JPEG to Word
- 配色网-致力色彩搭配方案的交流与学习
- 配色工具-设定控
- 美图秀秀网页版 官方网站_在线制作图片及图片处理工具
- Kap - Capture your screen
- HiPPTER | PPT资源导航 | PPT模板图表等设计素材免费下载
设计
- 韩都衣舍(HSTYLE)创意赠品设计大赛-礼品设计-猪八戒网
- 威客-创意,一品威客网,中国专业威客网站
- PS教程:打造一个岩浆特效字体
- AI+PS制作立体文字效果_平面设计_原创经验分享 - Powered By 站酷(ZCOOL)
- 中文字体设计养成_平面设计_原创经验分享 - Powered By 站酷(ZCOOL)
- 首页-宝晶缘☆天然水晶直营店☆东海厂家+实体+批发+零售-- 淘宝网
- 不一样的淘宝 淘宝万向城 - 顽兔
- ????, ??? ?? ??? ???
- 首页-蜂献旗舰店-- 天猫Tmall.com
- 九月会员活动专题 by 罐头鱼_交互设计_网页设计_原创设计作品频道 - Powered By 站酷(ZCOOL)
- 上百种国外优秀logo设计欣赏大合集② 喜爱logo设计的不要错过佳作哦~ _平面设计_标志设计_佳作欣赏 - Powered By 凌晨叁點_站酷(ZCOOL)
- 在线书法字典 王羲之书法字典下载 中国书法字典网 书法迷
- ?? - ???? No.1 ???? ??!
- 清仓特价 KOJI 益若翼Dolly Wink透明梗 假睫毛 No5 2对 附胶水-淘宝网
- 平面_广告_工业设计的采集 - 花瓣网
- PSD网页模板-PSD素材-素材中国一流素材网
- UI素材大夹子 - 满不拿拿 - 花瓣画板
- Dribbble - Popular
- Online Portfolios on Behance
- 碎碎念_秀作品_蒋小咏主页_我的联盟
- 优设(UISDC)_ 优秀网页设计联盟-SDC-听讲座,聊设计,在这里
- 设计素材 - 设计帝国
- Browsing Design Challenges on deviantART
- New fonts _ dafont.com
- 2009PSD分层图库第2版(共15DVD)免费下载 - 专题系列 - 设计帝国
- 中国素材网!是全国最大最好的素材类网站,速度很快,内容很多!
- 素材天下
- 笔秀网素材中国-海纳素材图片网站资源-集中国素材网站之大成 - 笔秀网
- 牛图库素材网-素材中国-素材天下-矢量图,psd素材,高清图片,flash素材免费下载
- 生活_时尚酷站欣赏 生活_时尚网站欣赏__设计路上__酷站收藏大全,酷站欣赏,韩国网站欣赏,欧美网站,国内网站欣赏,设计欣赏,网页设计,网站建设,平面设计,韩国矢量素材下载
- ___欧美日韩酷站欣赏_漂亮时尚网页界面设计欣赏_酷站模板下载收藏_优秀企业公司网站欣赏--欧莱凯酷站欣赏
- 设计素材下载 - Powered By 站酷(ZCOOL)
- UI设计--顶尖创意--顶尖设计
- 中文字体下载_字体下载大宝库(第6页)_Font.knowsky.com
- E网素材库(www.web07.cn),PSD素材免费下载,矢量图,矢量素材下载,矢量素材库,矢量图库,免费矢量素材下载,矢量图片下载,高清矢量素材,免费PSD下载,PS笔刷下载
- 素材列表-视觉中国下吧
- 视觉中国下吧 - 我的下吧首页
- Surreal Fantasy Photomanipulation _ MyInkBlog
- Think Design _ Graphic Design Freebies, Resources, and Inspiration.
- 创意天地
- Welcome to Cilantro
- 素材资源 - 中国教程网
- PSD book by ~TLMedia on deviantART
- Skout™ • resources + for designers + by designers
- ArchGo! 世界优秀建筑到您的桌面
- http___www.penshow.cn_download.php_id=64133
- 我的联盟_网页设计师联盟
- 网页设计师联盟--国内网页设计综合门户
- Free PSD, CSS Snippets and resources for web designers | Freebiesbug
- Themes | dafont.com
- Launch Your Stunning Site | Wix.com
- Wix Free Website Builder | Wix.com
- 背景纹理素材网站
- Premium & Free Design and Web Resources | Pixeden
- 英文字体 ,英文字体下载,英文字体下载大全-font.chinaz.com
- Typography Served :: Gallery
- 设计师网址导航_学设计从这里开始!
- 疑 心 病 。-人像摄影-作品展示-POCO摄影社区-POCO.CN 我的照片 我的空间
- 专题页设计技巧浅析
- 推荐!40个设计师必备的资源网站
- Creattica
- 平面素材库下载 - 数码资源网
- UEDFans-UED网址导航-设计-UI-UX
- 12 New Photoshop Tools
- PSD原文件_PSD分层素材_psd源文件 -创意素材库
- 黄蜂网-网页设计、手机界面设计灵感地
- ???? ?? ??? C&C ?????
- 101个鲜为人知的超实用网站
- 饕餮盛宴:36个美食餐饮类网站创意设计
- Best wallpapers / Wallbase.cc
- ::? GDWEB 2013 ?
- IVAN TEJERO G. Creative Graphic Designer
- Lost Type Co-op | Browse Fonts
- Fonts2u.com
- ★优秀banner★ - 4|1/2 - 花瓣画板
- 宝贝描述 - douweiwei - 花瓣画板
- 网络广告设计,flash网络广告欣赏第 8 页_黄蜂网
- Dijean
- 乐天超市购物网站海报设计欣赏0119 - 4|1/2采集到★优秀banner★ - 花瓣
- 商城店铺体验设计组织 | 商城店铺体验设计组织
- 华丽丽随机晶格化背景[如何转换学习技巧(一)] by Graye - 设计经验分享 - 站酷网(ZCOOL)
- 一月 | 2013 | 微博UDC
- Handpicked free fonts for graphic designers with commercial-use licenses. | Font Squirrel
- 秀作品_王敏主页_我的联盟
- 爱果果 » 好闺蜜?誓一起
- re:vision
- 87time C4D基础实例入门教程 01 by 87time - 设计经验分享 - 站酷网(ZCOOL)
- C4D&PS制作三维字母插图,蓝色性格翻译制作 by 蓝色性格 - 设计经验分享 - 站酷网(ZCOOL)
- UI 设计的采集 - 花瓣网
- 太原网站建设,山西网站建设,平面设计,友特邦网络-首页
- 专题活动1307
- From up North - High quality design inspiration
- 泡沫_O(∩_∩)O采集到专题设计
- UI设计_软件界面设计欣赏_后台界面-UI制造者-专注UI界面设计
- 在线印章制作,DIY印章,个性印章制作,在线电子印章制作,在线公司刻章 - 随便吧在线制作平台
- Design lol 全球设计精华分享 | 为设计欢呼
- waplez
- 致设计-中国最大的电商设计师交流平台-交流社区
- Web Design Blog, Tutorials and Inspiration | Web Design Ledger
- CHINAUI优艾网-中国人机界面设计门户网站
- UI设计_分享以用户体验为中心的设计 | 盒子UI
- 爱设计|美图欣赏|网购时尚分享|网站设计欣赏|网站界面设计-爱设计网
- HTML我帮您 网罗精品软件、网站源码、JQUERY、ExtJs、PSD、页面特效、HTML5学习网站、CSS3特效大全、CSS3学习网站,网罗一切免费web资源分享给大家!
- 中国专业素材网,素材天下网,素材中国下载网 - 素材公社 tooopen.com
- 牛图库-素材中国-素材天下-中国素材网-免费素材网-图片素材网-素材网
- 设计师网址大全_爱设计|美图欣赏|网购时尚分享|网站设计欣赏|网站界面设计-爱设计网
- 中国素材网_素材天下_素材中国_站长素材_素材网_免费图片素材下载_找素材网
- 懒人图库 - 矢量图,网页素材下载 - 学会偷懒,懒出境界!
- psd-素材免费下载-psd素材-psd文件用什么打开
- 优设导航 - 学设计从这里开始!
- 设计导航 - 精选最好的设计网站大全
- 创造狮 创意工作者导航
- Seeseed-无穷尽设计可能
- 产品经理导航|运营导航|设计师导航-阿猫阿狗导航
$搜索导航站&资源导航
¥虫部落
- 虫部落-让搜索更简单!
- 快搜 - 搜索快人一步 - Google
- 学术搜索 - 站在巨人的肩膀上 - Google 学术
- 电子书搜索 - Google
- 资源搜索 - 网盘搜索
- 设计素材搜索 - 让设计更轻松! - 设计常用
- 虫部落-让搜索更简单!
- xiandanin/magnetW: 磁力链接聚合搜索
- PanDownloadServer/Server: PanDownload的个人维护版本
- AnywhereAnything
- 国外网站推荐-分享互联网-外国网站大全
- 万花筒
- 龙喵网 - 有态度的网址导航
- RunBT - 磁力搜索_BT搜索_磁力链接_种子搜索
- BT樱桃 - 磁力链接搜索引擎
- BT磁力链 - 最好用的磁力链接搜索引擎
- 搜云盘
$电影、电视剧、动漫、综艺、音乐&图书
- 顾乾坤的实验室
- 茶杯狐 Cupfox - 努力让找电影变得简单
- PA口袋动画官网
- 口袋动画,PPT动画,UI设计 -口袋知识网
- 第一图书网_PDF图书下载_PDF教材下载_免费PDF电子书下载
- 熊猫搜书
- 精品下载(免费软件下载网站)|打造最安全最新的免费软件下载站
$文件、图片&字体
PDF处理
- Online PDF Converter - Create, edit and merge PDF - Unlock PDF and remove protection - Free
- PDFdo.com -- 在线免费处理转换PDF
- Smallpdf.com – 您所有PDF问题的免费解决方案
- PDF转Word | 免费在线PDF转Word | PDF转Word转换器 | PDF转化速度快 | 首页
- PDF转换成Word转换器在线免费 - pdf怎么转换成word-转转大师PDF转换器免费版
- 在线图片优化器
- iLoveIMG | 图像文件在线编辑工具
- 字体转换器在线转换 艺术字体在线生成
- 微微在线二维码生成器
- PPT美化大师-不会做PPT,也能做好PPT-PPT模版|PPT图示|PPT素材|PPT形状|PPT画册|图片素材
- Nordri Tools——让PPT变得简单起来
- 免费在线文件转换器 - 免费在线转换视频,音频,图形,文档和压缩格式.
- MySlide - 专注PPT分享,追随SlideShare和SpeakerDeck的脚步
- 2019年ArchSummit全球架构师峰会:Backend For Frontend(BFF)in Serverless.pdf-完整版资料下载-皮匠网
分析研究报告
- 199IT互联网数据中心 | 199IT–发现数据的价值。 | 中文互联网数据研究资讯中心-199IT
- 艾瑞咨询-生活梦想 科技承载
- 慧博投研资讯,迈博汇金,中国最大的投资研究报告数据平台,慧博,慧博投研资讯,迈博汇金资讯,迈博资讯,专业金融信息服务网站,第一时间提供海量证券研究报告,股票研究报告,券商研究报告,行业
- 财华社_财华网_财华智库网_财华中国网
- 研究报告(report)_股吧_金融界爱股
- 【机构研究报告交流区】 - 理想论坛 中国人气最旺的股票论坛
- 股票价值分析报告网_提供上市公司个股调研报告|宏观经济研究报告|行业研究报告等分析资料下载
- 行业研究报告 海风股票论坛
- 首页-阿里研究院
- IT桔子报告
- 个推行业报告
- 首页-腾讯研究院
- 腾讯移动分析|免费移动应用APP统计| H5统计|渠道统计|用户画像
- DCCI互联网数据中心 洞察网络
- 国家数据
- 中国互联网络信息中心
- 中华人民共和国国家统计局>>中国统计年鉴
- 百度预测-大数据 知天下
- 搜狗学术
- PPT加演示录制,控制和分享—PPT+音频内容分享平台
- 数据分析网-大数据资讯、观点、技术研究中心
- 产品经理数据分析, 增长黑客学习网站,教程免费下载 - GrowingIO 官方博客
- 搜索结果 数据嗨客-数据分析网
- 43个超超超超超超实用的导航网站,1个能顶100个!(推荐收藏) - 知乎
- Timeline of Earth
- 注册 — 极客云
- Google
- 百度一下,你就知道
- Tenda WiFi
- flosse/sloc: simple tool to count SLOC (source lines of code)
- typicode/lowdb: ⚡️ lowdb is a small local JSON database powered by Lodash (supports Node, Electron and the browser)
- Advanced-Frontend/Daily-Interview-Question: 我是木易杨,公众号「高级前端进阶」作者,每天搞定一道前端大厂面试题,祝大家天天进步,一年后会看到不一样的自己。
- ohmyzsh/ohmyzsh: 🙃 A delightful community-driven (with 1700+ contributors) framework for managing your zsh configuration. Includes 200+ optional plugins (rails, git, OSX, hub, capistrano, brew, ant, php, python, etc), over 140 themes to spice up your morning, and an auto-update tool so that makes it easy to keep up with the latest updates from the community.
- 爱康国宾体检预约_爱康国宾体检报告查询 - 爱康国宾健康管理机构
- Bangumi 番组计划
- 网站访问量的统计 - 别动我的猫 - 博客园
- 访问量统计详细说明
- HTTP常见头域 - zzz紫川 - 博客园
- 高级前端进阶博文 | 木易杨前端进阶
- Awesome Wallpapers - wallhaven.cc
- Dynamic Wallpaper Club
- BuildRun企业级低代码开发平台
- 我们为什么要读书呢? - 知乎
- r/SpaceX API Docs
- 使用 React Hooks 声明 setInterval — Overreacted
- 玩转在线文档—场景示范 - 腾讯文档
- Catalina 程序员开发工具首页
- React实战技术博客系统_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
- 网址大全
- Vedio
- Initial page - YingHua1314
- Iconfont-阿里巴巴矢量图标库
- www.uyi2.com/race?id=140
- 将数据库结构修改提交到生产环境下数据库 - LEON的博客 - CSDN博客
- 让 Chrome 崩溃的一行 CSS 代码_CSS教程_CSS_网页制作_脚本之家
- e学堂-学生的好帮手
- 课程 - 邢帅教育
- 北京SEO公司_SEO顾问_SEO外包服务_【方法SEO顾问】
- Watch People Code Products Live and Learn Programming - LiveCoding.tv
- 百度新闻搜索_邮件新闻订阅
- iss
- 图片怎么和视频合并 图片放视频前面加片头 放视频后面加片尾 - 狸窝转换器下载网
- 创建工作经历
- Win10修改编辑hosts文件无法保存怎么办_百度经验
- [最新]DIY手工折纸简单玫瑰花折法-母婴-高清视频–爱奇艺
- 199IT-互联网数据中心的分享 - 微盘
- 105个软件测试工具大放送_IT新闻_博客园
- 操作系统-清华大学-学堂在线
- 诗辞赋取名:300个藏在《诗经》《楚辞》《洛神赋》中唯美的名字大全!
- 带有玉字的字_简单知识网
- BlackLight/micmon: A Python library and set of scripts to create labelled audio datasets from raw audio files and use them to train sound detection models.
- 程序员带娃有多“恐怖” ?!_Python开发者-CSDN博客
- World War One Color Photos - World War One Color Photos
- Pantless
- Pin-ups | Pin-up Girls in Art & Photography
- John Holcroft Illustrator www.johnholcroft.com
- CartoonStock - Cartoon Humor, Political Cartoons, Comics, Illustrations
- 表情制作--爱斗图-斗图吧斗图神器官网,逗逼网在线免费生成各种搞笑逗比斗图表情头像,暴走斗图大会金馆长专用在线表情生器
- Find
- UPUP 拍立得 - Haniboi
- 「007」css进阶之彻底理解视觉格式化模型
- 前端速报
- 程序IT圈
- IT平头哥联盟
- 网站优化实战 - Jartto's blog
- yanxi-me/weixin-js-sdk: 微信官方 js-sdk CommonJS 版本
- h5页面在不同ios设备上的问题总结 - 掘金
- 如何使用函数来优化性能 - 掘金
- 基于Taro框架的微信小程序JWT授权登录方案 - 掘金
- JavaScript 原型和原型链及 canvas 验证码实践 - 掘金
- [译]坐标系和坐标轴 - 掘金
- [译] 网速敏感的视频延迟加载方案 - 掘金
- Tasks, microtasks, queues and schedules - 前端 - 掘金
- 基于JS简单甘特图 - 掘金
- h5页面在不同ios设备上的问题总结
- 常见的web开发问题以及避免方式
- 【译】JS运行时环境 - 掘金
- JS引擎线程的执行过程的三个阶段 - 掘金
- 阅读分析snabbdom源码 · Issue #9 · Limuyang1013/weblogs
- 记录小程序touchmove事件中setData优化过程 - 掘金
- 🦋 前端开发行为指导规范 - 掘金
- GraphQL学习过程应该是这样的 - 掘金
- [译] 为函数自定义属性的八种实现方法 - 掘金
- JS中的栈内存、堆内存 - 掘金
- 编写高性能的JavaScript - 掘金
- 从零开始学习时空数据可视化(序) - 掘金
- Chrome 中 JavaScript 加载优先级 - 前端 - 掘金
- Node.js环境性能监控 - 掘金
- GitHub + Hexo搭建自己博客(二) Next主题配置 - 掘金
- 「译」为 JavaScript 开发者准备的 Flutter 指南 - 前端 - 掘金
- 前端之路: 用github的webhooks实现项目自动化构建 - 掘金
- 探索JS引擎工作原理 - 前端 - 掘金
- React通过redux缓存列表数据以及滑动位置,回退时恢复页面状态 - 掘金
- 实现一个简单的 JavaScript 编译器 - 掘金
- 认识 Service Worker - 掘金
- chenyueban/ohbug: js monitor
- X 为啥不是 hook? - 掘金
- 轻量级滑块Swiper插件发布(仅3kb) - 掘金
- 奇舞学院
- normal module replacement plugin
- ServiceWorker 缓存离线化 - 掘金
- 欣仔互动
- [译] 已经 2019 年了,我依然赤手空拳制作网站 - 掘金
- 前端资源加载重试 - 前端 - 掘金
- 如何利用lerna管理模块 - 掘金
- vue+node全栈移动商城【11】连接mongodb并存入数据 - 掘金
- 从规范看ECMAScript(二):数据类型 - 掘金
- 手把手教你实现一个canvas智绘画板 - 掘金
- 从“冰柜”到“冰棍儿”,下载Github单个文件 - 掘金
- 我是如何让公司后台管理系统焕然一新的(上) -性能优化 - 掘金
- Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
- service worker轻度探索 - 解决运营活动需求中的图片加载问题? - 掘金
- 前端技术周刊 2019-02-26:前端代码保护 - 掘金
- 逐行分析Koa中间件机制 - 掘金
- 帧动画的多种实现方式与性能对比 - 掘金
- 教你从头写游戏服务器框架 - 掘金
- 基于 Babel 的 npm 包的最小化设置 - 掘金
- 如何借助SVG+CSS用2个小时撸完一个网易云音乐的动效海报 - 掘金
- 数组去重的六种方法 - 掘金
- 从 0 到 1 写一个简单依赖注入系统(1) - 掘金
- 该用什么姿势来使用 PWA - 掘金
- 7 个开放式的 CSS 面试题 - 掘金
- 项目迁移的思考 - 掘金
- 前端开发之中间件模式 - 掘金
- 【译】Object与Map的异同及使用场景 - 掘金
- [译] 避免那些可恶的 "cannot read property of undefined" 错误 - 掘金
- 【Node】详解模块的实现过程 - 掘金
- [英] Scheduling in React - 前端 - 掘金
- [英] 纯基于 CSS 实现不同 scroll 滑动位置的样式改动 - 前端 - 掘金
- 🔮彻底弄清 this call apply bind 以及原生实现 - 掘金
- 分享一个冷门知识——文本框的选择文本在业务中的应用 - 掘金
- 简单盘点浏览器的几种滚动行为 - 前端 - 掘金
- JavaScript常用的简洁高级技巧 - 掘金
- 层叠等级和层叠上下文 - 掘金
- 即刻起,加速您的前端构建速度 - 前端 - 掘金
- aliyun-node
- 前端同构渲染的思考与实践 - 掘金
- 2018年了,大家都是怎么从零开始新建一个前端项目的? - 知乎
- 我在淘宝做前端的这三年 — 第二年 - 掘金
- 我在淘宝做前端的这三年 — 第一年 - 掘金
- yujiangshui/A-Programmers-Guide-to-English: 专为程序员编写的英语学习指南 v1.2。在线版本请点 ->
- 谈谈面试与面试题 · Issue #4 · wintercn/blog
- 记一次字符串分割的工作 - 掘金
- 关于 promise 吃到错误的理解 - 另一个小菜头 - 博客园
- (译)保持你的代码整洁 - 掘金
- 用 async/await 来处理异步 - SamWeb - 博客园
- [ ES6 ] 快速掌握常用 ES6 (一) - 掘金
- 精读《Serverless 给前端带来了什么》 - 掘金
- [ ES6 ] 快速掌握常用 ES6 (二) - 掘金
- 面试失败贴之《如何动手创建一个简单的MVVM框架》 - 掘金
- Promise初步详解(resolve,reject,catch) - selfimpr626 - CSDN博客
- 【译】JS的执行上下文和环境栈是什么? - 掘金
- 前端开发者必备的Nginx知识 - 掘金
- 【vue 删除 对象属性】 - CSDN
- vue 数组中嵌套的对象添加新属性--页面更新 - 简书
- 【vue2 给对象添加属性】 - CSDN
- JS进击之路:作用域 - 掘金
- Vue.delete()删除对象的属性 - xiasohuai的博客 - CSDN博客
- 函数声明与变量声明的提升机制优先级问题 - 掘金
- (for..in)、Object.keys() 和 Object.getOwnPropertyNames(),for...o - 前端 - 掘金
- 前端代码质量优化交流 - 掘金
- vue 钩子函数 使用async await - 孟繁贵 - 博客园
- 在Vue中使用async函数 - 比利Billy - CSDN博客
- MySQL 数据库设计总结 - 掘金
- CSS 将支持三角函数 - 前端 - 掘金
- 面试之CSS篇 - 实现三栏布局的延伸 - 掘金
- vue async/await同步 案例 - 春风十里的情 - 博客园
- vue.js - vue-cli构建的项目中如何使用async await - SegmentFault 思否
- vue中用async/await 来处理异步 - 简书
- 让你的网页更丝滑(一) - 掘金
- vue中异步函数async和await的用法_玉小希_新浪博客
- 5分钟彻底理解Object.keys - 掘金
- 从JS的运行机制的角度谈谈作用域 - 掘金
- 5分钟彻底理解Object.keys - 前端 - 掘金
- for in,Object.keys,for of 的区别 - 掘金
- (for..in)、Object.keys()和Object.getOwnPropertyNames(),for...of - 掘金
- for in,Object.keys(),for of,hasOwnProperty()怎么用? - 掘金
- 【前端词典】F5 同 Ctrl+F5 的区别你可了解 - 掘金
- 2分钟轻松搞定Object.keys(),for...in,getOwnPropertyNames()的区别 - 掘金
- 神奇的 Object.defineProperty - 掘金
- 解析神奇的 Object.defineProperty - 阅读 - 掘金
- ES6 系列之 defineProperty 与 proxy - 掘金
- 350 个特性看透 ES6 - 前端 - 掘金
- [译]JavaScript Symbols, Iterators, Generators, Async/Await, and Async Iterators - 掘金
- 前端权限管理之 addRoutes 动态加载路由踩坑 - 掘金
- ES 5 新增特性汇总 - 掘金
- Object()的方法一览 - 掘金
- 开发一个React + Electron应用 - 掘金
- js 中对 Object 对象的一些常用操作总结 - haorooms - 前端 - 掘金
- 理解 JavaScript 的 Object.defineProperty() 函数 - 前端 - 掘金
- 写chrome插件前必须要知道的 - 掘金
- ES6 中的 Symbol、Set 和 Map - 前端 - 掘金
- React PureComponent 使用指南 - 前端 - 掘金
- IT平头哥联盟
- Use Any Javascript Library With Vue.js - Vue.js Developers
- Meta Robots Tag & Robots.txt Tutorial for Google, Bing & Other Search Engines
- vue引入第三方非模块化插件 · Issue #4 · CodeDreamfy/CodeDemo
- Object.defineProperty() - JavaScript | MDN
- SnapKit/Masonry: Harness the power of AutoLayout NSLayoutConstraints with a simplified, chainable and expressive syntax. Supports iOS and OSX Auto Layout
- ApacheCN 学习资源汇总 2019.3 - 掘金
- 我所知道的面试手册 - 掘金
- lodash/lodash at 4.17.11-es
- lodash/fp at 4.17.11-npm · lodash/lodash
- 每日 30 秒之 巧用可视区域 - 掘金
- 理解 JavaScript Mutation 突变和 PureFunction 纯函数 - 掘金
- 浅谈 Web 安全 - 掘金
- 🍭 图解原型和原型链 - 掘金
- wix/eslint-plugin-lodash: ESLint rules for lodash
- [译]2019版 web 浏览器现状 - 掘金
- jfmengels/eslint-plugin-lodash-fp: ESLint rules for lodash/fp
- 【Tomcat】Tomcat工作原理及简单模拟实现 - 掘金
- Lodash Archive
- 几道和散列(哈希)表有关的面试题 - 掘金
- Javascript注释规范 - lianlin21212411的博客 - CSDN博客
- JavaScript代码注释范例 - yuxiaolong021的博客 - CSDN博客
- 深入理解JavaScript作用域和作用域链 - 掘金
- YUIDoc Syntax Reference
- 第二章 Closure javascript注解 - 章志强的专栏 - CSDN博客
- Vue 模板 | 大漠老师 w3cplus - 前端 - 掘金
- yuche/javascript: Airbnb JavaScript 编码规范
- js/javascript代码注释规范与示例 - chunlynn的小屋 | 头条号:有范管理美学 - CSDN博客
- Js注释 - S&L·chuck - 博客园
- 为什么用「void 0」代替「undefined」 - 掘金
- YUIDoc Syntax Reference
- yui/yuidoc: YUI Javascript Documentation Tool
- 优化动画卡顿:卡顿原因分析及优化方案 - 掘金
- JSDoc Guide
- iamjoel/be-grace-front-end-developer: 让WEB前端的变优雅的东东,如:代码规范,代码组织,最佳实践之类
- vue生命周期详解 - 掘金
- javascript - "export default from" doesn't work with Babel React - Stack Overflow
- Module 的语法 - ECMAScript 6入门
- javascript - Re-export default in ES 6 modules - Stack Overflow
- 回到基础:如何用原生 DOM API 生成表格 - 掘金
- Production Deployment — Vue.js
- CSS 怎样写一个动画(从基础动画到3d动画) - 掘金
- GraphQL 从入门到实践 - 掘金
- 防抖和节流的应用场景和实现 | 码农网
- window.history - MDN
- 2019 面试准备 - JS 防抖与节流 - 掘金
- 十六进制颜色代码表,图表及调色板 - Encycolorpedia
- Webpack系列-第三篇流程杂记 - 掘金
- 学习 PixiJS — 小精灵冒险 - 掘金
- keywords:babel-plugin - npm search
- VUE的component和components - 简书
- 解惑,什么是data-attribute ? - 掘金
- 你真的了解webview么? - 前端 - 掘金
- Web Worker融会贯通 - 前端 - 掘金
- ConyEdit Home
- jquery 监听div大小变化函数|div resize事件 - mengzhengjie的专栏 - CSDN博客
- 如何使用 docker 高效部署前端应用 - 山月的个人博客
- 基于jquery fly插件实现加入购物车抛物线动画效果,jquery.fly.js - 小小强学习网 - 博客园
- wendux/style-selector-jQuery-plugin: Custom jQuery selector, through which we can choose the specified CSS style characteristics of the DOM elements.
- Commit message 的格式说明 - 尝试归零的感受 - CSDN博客
- DCloud - MUI 快应用
- docs(options.md): Change default value of `esModule` by imcvampire · Pull Request #905 · vuejs/vue-loader
- 一次弄懂Event Loop(彻底解决此类面试问题)
- 彻底搞清楚javascript中的require、import和export - 最骚的就是你 - 博客园
- huangguangjie/calendar-api: 一个万年历的API工具类,快速集成日历UI的构建方案。
- web-pal/react-trello-board: Trello like board based on React, Redux, React-dnd
- javascript - Can't require() default export value in Babel 6.x - Stack Overflow
- dntzhang/qone: Next-generation web query language, extend .NET LINQ for javascript.
- vue.js - vue组件注册为什么有时候要在require后面加上default? - SegmentFault 思否